Grid View
Grid view displays a collection of content items in a table where each row represents a content item, and each column represents a field.
Columns
Columns display values for a field in each content item row, which may be a data type (e.g. number, text, image or file) or relationship to other content item(s).
Column Sort
When a column contains values that can be sorted, click the column heading to sort rows in ascending order, and click again to sort in descending order.
Column Order
Users can drag and drop column headings to change the column order.
Column Widths
Column widths can be adjusted by hovering the mouse between column headings, then click and drag the mouse to adjust the size. Release the mouse button to set the new width.
Double-click a column separator to resize the column width to fit the widest row value (but no wider than the width of the panel). If the column label is cut-off, double-click again to expand to fit the label.
Add/Remove Columns
Columns can be added and removed in a few ways:
- Grid View Sidebar - User's can customize the columns displayed for a specific content type with the checkboxes in the Fields section of the Grid View Sidebar.
- Content Type Editor - The default columns displayed for a content type are configured with the Show checkbox for the corresponding field in the Appearance tab of the Edit Field Sidebar.
- cQuery - The Edit Path option in the Navigation Bar can be used to write custom queries. If a cQL SELECT clause is provided, the selected fields and expressions will be displayed as columns, including custom expressions and aliases.
Rows
Each row represents a content item.
Workflow States
The first column will display a blue or orange dot to indicate when a content item is unsaved (blue) or unapproved (orange) updates.
If one or more content items are unapproved, so they have a dot, the workflow menu will appear in the toolbar at the top. Use the workflow menu to act on all unapproved items.
Options
Hover the mouse over a row to highlight the cell (when editing is enabled) or entire row light blue and reveal the following options to the far right.