The Item details block displays detailed information for a specific record, like a project or client. Users typically access it by clicking on an item in a dynamic block, such as a List or Grid. **** This action triggers the display of relevant details pages for that specific record, eliminating the need to create separate pages for each.

Use case examples

• Product Details: Showcase detailed product information when a user selects an item from a product list. For example, display product descriptions, images, prices, and ratings.
• Task Management: Provide task-specific details, including deadlines, assigned users, and notes. For example, create a task detail page for team collaboration.
• Client Details: Display client information when a user selects a client from a list. For example, show client contact information, recent interactions, project history, or account status.

Configure an Item details block

To configure the Item details block to show a specific record detail when the user clicks on an item on a dynamic block, you will need to have a dynamic block, e.g., List, connected to the data source. Once you have it ready, follow these steps:

1. Add an Item details block to a new page.
2. Connect the Item details block to the same data source (e.g., Airtable Base and Table) as the List block.
3. Go to the List block settings and navigate to the Actions tab.
4. Set the Item On Click action to Open page and select the page containing the Item details block you created.

Result: When users click on a list item, they’re directed to a page showing detailed information for that item.

Once you connect to your source data, you can configure Conditional Filters, Content, Actions, and block Visibility settings.

<aside> ℹ️

Some configuration options depend on the data source. For more details, check the documentation for your specific data source.

</aside>

Content

In the Content tab, customize the Item detail block layout and the data fields and adjust their display.

Sections

The Item Details block includes two types of sections for organizing fields:

• Default Top Section: Ideal for key information like titles, images, or categories (e.g., a product name and featured image).