Detail View

Audience: Low-code Engineers

Skill Prerequisites: Listings

Shows the details of a listing item in a panel, built automatically from the item's fields. The panel can open as a modal, a left or right sidebar, or inline under the row. You don't write any HTML.

It's used on a listing's item buttons. It needs the Angular listing views and doesn't work in the Legacy view.

Detail View or Custom Detail View?

The names are easy to mix up. Pick the one that matches how much control you need over the content.

Feature	Detail View	Custom Detail View
Content	The item's fields, built automatically	Your own HTML Template
Which fields	Fields with Visible On > Detail View checked	Whatever the template contains
Item buttons and ID in the panel	Yes, in modal and sidebar mode	No
Legacy view	No	Yes, with limits

Typical Use Cases

• Let users check all of a record's details without opening another page
• Show fields that are too wide or too many for the listing's columns
• Give users a quick panel with the record's details and its item buttons, such as Edit or Delete

Don't use it to

• Control the layout or add custom HTML. Use Custom Detail View instead.
• Edit the item. Use Datasource Edit, Datasource Inline Edit or Open Form Popup and Stop Execution.
• Go to the item's own page. Use Datasource View.

Related Actions

Action Name	Description
Custom Detail View	Shows item details using your own HTML template.
Datasource View	Redirects to the item's view URL.
Datasource Edit	Opens the item for editing.
Datasource Inline Edit	Turns on inline editing for the item.
Datasource Delete	Deletes the item.

Input Parameter Reference

Parameter	Description	Supports Tokens	Default	Required
Display Mode	Where the panel opens: Modal, Left Sidebar, Right Sidebar or Inline. See Display modes.	No	Right Sidebar	No
Title	Text shown in the panel's header. Use item tokens such as [FirstName] or [CreatedOn:FormattedValue], plus any other tokens. It's shown as plain text, so HTML tags aren't rendered.	Yes	empty string	No

Item tokens are the clicked item's field values, by field Name: [FieldName] for the raw value, [FieldName:FormattedValue] for the value as the listing shows it, and [Id] for the item's ID. See Listing Tokens for other tokens.

What the panel shows

• Fields. Every listing field with Visible On > Detail View checked, in the listing's field order. Each shows its title and formatted value, with a copy button. Empty values show --. The setting is on by default for new fields, and it's separate from the Mobile, Tablet, Desktop and Large Screens settings. So you can hide a field from the listing columns and still show it here.
• Footer (modal and sidebars). The item's ID and the item's other buttons, so users can act on the record from the panel. The button that opened the panel isn't repeated there. The listing's tooltip also shows here when tooltips are turned on.
• Inline mode shows the title and fields only, without the footer.

Display modes

Value	Shown as
Modal	A centered dialog.
LeftSidebar	A panel that slides in from the left.
RightSidebar	A panel that slides in from the right. This is the default.
Inline	A panel under the clicked row.

Inline only works for item buttons in the Data Table view, when the item buttons are on the right. Everywhere else, the panel opens as a right sidebar.

Considerations

• Item buttons only. It shows the item the button belongs to, so add it to an item button, not a root button.
• Not in the Legacy view. The Legacy view ignores this action, and the Detail View field setting is disabled there. Use Custom Detail View if you need the Legacy view.
• It ends execution. It's a final action, so actions placed after it don't run.
• No extra data is loaded. The panel uses the field values already loaded for the row.

Examples

tip

To understand how to use the below examples, please see Running Examples.

1. Show a customer's details in a modal

This item button action opens a dialog with all the fields marked for the Detail View. The header shows the customer's company name.

{
    "Title": "Detail View",
    "ActionType": "DataSource.AutoDetailView",
    "Description": "Show all customer details",
    "Parameters": {
        "DisplayMode": "Modal",
        "Title": "[CompanyName]"
    }
}

Revised 09/26/2026