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:
Mode Description Navigate Opens the linked record or collection list on a new page. Drawer Opens the linked record in a side panel that slides from the screen edge. Modal Opens the linked record in a centered overlay window. Peek Shows a preview popover with selected fields when the user hovers over the link.
Navigate
Setting Description Use Existing Component Turn on to render the target collection using an existing UI component. Action The action to trigger (for example, List, Add, Edit, or Detail). Collection The target collection linked by the relation (read-only). Query Parameters Pass field values or custom parameters to the navigated view. Click + From Field to map a parameter to a field value or static value.
Drawer
Setting Description Position The edge the drawer slides from (Left, Right, Top, or Bottom). Click Outside to Close Let users close the drawer by clicking outside it. Show Header Render the title bar header. Hide Search Filter Remove the search input from the drawer. Custom Title An optional title that overrides the default header. Width (px) The drawer width in pixels (default 600).
Modal
Setting Description Click Outside to Close Let users close the modal by clicking outside it. Show Header Render the title bar header. Custom Title An optional title that overrides the default header. Width (px) The modal width in pixels (default 600).
Peek
Setting Description Fetch on Hover Retrieve record details from the server on hover instead of using the listing response. Display Fields The fields to show in the preview card. Click Select All to include every field. Position Placement relative to the link (Top, Bottom, Left, or Right). Alignment Popover 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 Scope Restrict preview content based on user roles and conditions.