Skip to main content

Navigation Configuration

Configure how relational and association fields open linked records when a user clicks or hovers over them.

Navigation Configuration is available only for relational or association fields. Open it from the Actions ( gear icon) column in List View or Detail View field configurations, or from the Attributes table under Related Models.

Display modes

Select how the linked record opens when a user interacts with the field:

ModeDescription
NavigateOpens the linked record or collection list on a new page.
DrawerOpens the linked record in a side panel that slides from the screen edge.
ModalOpens the linked record in a centered overlay window.
PeekShows a preview popover with selected fields when the user hovers over the link.
SettingDescription
Use Existing ComponentTurn on to render the target collection using an existing UI component.
ActionThe action to trigger (for example, List, Add, Edit, or Detail).
CollectionThe target collection linked by the relation (read-only).
Query ParametersPass field values or custom parameters to the navigated view. Click + From Field to map a parameter to a field value or static value.

Drawer

SettingDescription
PositionThe edge the drawer slides from (Left, Right, Top, or Bottom).
Click Outside to CloseLet users close the drawer by clicking outside it.
Show HeaderRender the title bar header.
Hide Search FilterRemove the search input from the drawer.
Custom TitleAn optional title that overrides the default header.
Width (px)The drawer width in pixels (default 600).
SettingDescription
Click Outside to CloseLet users close the modal by clicking outside it.
Show HeaderRender the title bar header.
Custom TitleAn optional title that overrides the default header.
Width (px)The modal width in pixels (default 600).

Peek

SettingDescription
Fetch on HoverRetrieve record details from the server on hover instead of using the listing response.
Display FieldsThe fields to show in the preview card. Click Select All to include every field.
PositionPlacement relative to the link (Top, Bottom, Left, or Right).
AlignmentPopover alignment (Center, Start, or End).
Width (px)The popover width in pixels (default 600).
Max Height (px)The maximum popover height in pixels (default 400).
Open Delay (ms)Delay before the preview appears on hover (default 300).
Close Delay (ms)Delay before the preview disappears when hover ends (default 200).
Apply ScopeRestrict preview content based on user roles and conditions.