List blocks display collections of items, like contacts, tasks, or projects, in a list format. They include interactive options that let users filter, sort, or create and update items.
Each item in a List block can show details such as titles, descriptions, images, tags, and other fields.
The Source panel connects the list block to your data source. Here, you can:
Once you connect to your source data, you can configure 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>
In the Content tab, customize the List block layout and the data fields in your list block, adjust their display, and add features like search and filters to help users find information quickly.
The List block includes two display areas:
Item Fields lets you connect fields from your data source to each list item, making it easy to display the information you need. You can control what information appears by adding, removing, or rearranging fields such as task names, assignees, or descriptions.
For each field in the Item Fields section of the secondary section, you can customize the following options:
Type: Defines the display field type that controls how content appears in the block (e.g., text, checkbox, or image).
Content: Chooses the specific data field from connected data sources to display.
Label (Optional): Adds context to the field. If left blank, the label will not be visible to users.
<aside> ℹ️
Note: Some display field types are compatible only with specific data formats. For example, if a field is set to display images, you cannot map it to text data. Ensure the field type matches your data source field format to avoid display issues.
</aside>
Supported field types
Display Field | Description |
---|---|
Text | Displays plain text. Ideal for names, titles, or short descriptions. |
Rich Text | Supports long text, markdown, or HTML formatting. Allows for more detailed descriptions or notes. |
Headings | Various heading sizes |
Displays email addresses as clickable mailto links, allowing users to start an email directly. | |
URL | Displays website links as clickable URLs, allowing users to navigate to external pages. |
Tag | Allows you to display one or more tags, helpful for organizing items by category or status. |
File | Provides a link for users to download attachments, such as PDFs or other documents. |
Video | Embed video content from a supported source, allowing users to watch content directly in the block. |
Audio | Embed audio files, letting users listen to content directly within the block. |
Image | Displays a single image, useful for things like profile pictures or product images. |
Image gallery | Displays multiple images in a gallery format, useful for showcasing a collection of visuals. |
Embed | Allows you to embed content from other services, such as YouTube videos, Calendly, or social media posts. |
Rating | Displays a rating system, typically with stars, to visually represent ratings or scores. |
Checkbox | Shows a checkbox, useful for indicating completed items or allowing users to mark items as done. |