Detail View
Detail View configuration controls how a single record's data is presented when a user clicks on an item in the List View. This provides a focused view of all relevant fields for a specific record.
Configuration
To configure the Detail View for a collection:
- Navigate to Areas → General.
- Click Collection Configuration on the collection you want to modify.
- Select the Detail View tab.
Reference
The Detail View is highly customizable, allowing you to define the container's appearance and the arrangement of fields within it.
Display Settings
Enable Display Settings to customize the appearance and behavior of the detail view container.
Display Configuration
| Setting | Description |
|---|---|
| Display Mode | The layout style for the detail view. Choose between Modal, Drawer, or Card. |
| Columns Per Row | The number of fields displayed per horizontal row (1-4). |
| Width | The layout width in pixels. Available for Modal and Drawer modes. |
| Drawer Position | The placement of the drawer (Left, Right, Top, or Bottom). Available for Drawer mode. |
Fields Configuration
Enable Customize Detail View Fields to control which fields are visible and how they are laid out in the detail view.
View all field settings
| Column | Description |
|---|---|
| Field Name | The field identifier. Required fields are marked with a star icon. |
| Column Span (0-12) | How many grid columns the field should span. |
| Visible | Toggle whether the field appears in the detail view. |
| Actions | Reorder fields using the up/down arrows. |
Example
To create a clean, single-column customer profile view:
- Set Display Mode to Drawer and Drawer Position to Right.
- Set Columns Per Row to 1.
- In Fields Configuration, enable only high-level fields like
Email,PhoneNumber, andRegistrationDate. - Set Column Span to
12for all visible fields to use the full width of the drawer.