About
Within the Fields preferences of any data source, you can add a Details button or a Details link. When a user clicks (or hovers) over these elements in the displayed block, the Details area appears to provide more context without leaving the page.
The Details area preferences allow you to control the display behavior, content mapping, and visual style of this information.
You can find these settings when opening the preferences of a Dash block.
Available settings
Display behavior
Details area – Choose the display method and interaction trigger:
Expanding – The information area opens within the block when the button or link is clicked.
Floating – The information area opens within the block when hovering over the item.
Modal – The area opens in a centered pop-up window.
Details area size – (Only for Expanding and Floating) Choose between:
Like item – Matches the dimensions of the original content item.
Fit content – Adjusts the size based on the amount of data displayed.
Content mapping
You can map specific data fields from your source to different sections of the details area. The fields available in these dropdowns are determined by the data source used in the block:
Details header
Details title
Details body 1, 2, and 3
Details footer left and right
Styling and custom content
Details background color – Select a background color using the color picker or enter a hex code.
Details text color – Select a specific color for the text within the details area.
Details custom content – Choose what is displayed in the custom content section:
None – No custom content is displayed.
Standard terms – Uses terms configured in the global settings.
Custom layouts – Select custom layouts created with the developer addon.
Details custom content height – Define a minimum height in pixels to ensure the content area remains consistent.