Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

...

minLevel1
maxLevel6
outlinefalse
styledefault
typelist
printabletrue

Grid UI/UX Customization

Easy-to-use and highly customizable Grid

Many datagrids have been replaced throughout the desktop application with more easy-to-use and highly customizable grids. The more modern datagrids offer an array of UI customization features - so you can personalize your datagrids to meet your ever-changing needs.

Here are a few of the UI/UX customization options:

Anchor
DatagridPopUpMenu
DatagridPopUpMenu

image-20241024-195429.pngImage Modified

Group By this Column - Right-click any column and choose Group By This Column, or simply drag-and-dropping column headers to the “Group By Box”. Remove grouping by selecting “Ungroup” from the pop-up, or by dragging the header out of the “Group By Box”.

Datagrid - Drag-and-drop Group By.gifImage Modified


Rearranging Columns
Anchor
RearrangingColumns
RearrangingColumns

You can rearrange the left-to-right order of your datagrid columns by simply selecting, then dragging-and-dropping the column where you want it to be.

Dragging-and-dropping-datagrid-columns.gifImage Added


Hiding/Removing Columns

There are a couple of ways that you can remove columns from your datagrid. Removing them doesn’t delete them. It simply removes or “hides” it from your view. When you hide a column, it’s stored on a Column Chooser palette, where it can be re-added to your datagrid at any time, by simply dragging it back to the datagrid.

  1. Right-click the column header and select Hide This Column from the pop-up context menu.

  2. Click, then drag the column header off of the datagrid.

Hiding-Removing-Columns.gifImage Added


The addition of UI data grids to Crows Nest extends the user experience. These grids facilitate customized views but also ensure optimized loading with sorting, filtering and grouping options..


Some examples of the Data Grid locations

The Global Drawing button

image-20241025-102052.pngImage Added

Timeclock Detail

image-20241025-102444.pngImage Added

Estimate Form

The Estimate form includes multiple implementations of the data grids, including Products, Sub-Products, Labor and Material tabs:

image-20241025-103235.pngImage Added


Grouping, Sorting and Filtering

The power of the data grids is readily apparent when we start grouping:

image-20241025-103711.pngImage Added

A grouping by Project is now on view:

image-20241025-103903.pngImage Added

We can simply drag the column back onto the grid to ungroup or right click to ungroup.

Filtering:

  • Hover over the column header to display the filter icon.

  • Click on the icon to display the filtering options.

  • Click on the filter icon again to clear the filtering.

image-20241025-104321.pngImage Added

Sorting:

  • Hover over the column header to sort the column.

  • Click on the icon to reverse the sort order.

  • Right click on the column header to clear the sorting.

image-20241025-105151.pngImage Added

Grid Options

Context menus (Right click) are available for column headers:

image-20241025-105629.pngImage Added

And cell options

image-20241025-105711.pngImage Added

Other options include the sequencing and display of the columns, drag a column header to the location in the grid. The column chooser can be accessed by right clicking on a column header.