The list block in Applaud lets you display and manage dynamic content such as employee directories, news articles, or tasks. With flexible layouts and configurable features, you can adapt list blocks to fit many use cases while keeping information clear and engaging. The list block in Applaud is the most versatile block, offering various layouts and features to display or capture information effectively.
Layouts
You can choose from several layout options that work with the various features you can add.
| Layout | Description | Example use |
|---|---|---|
| Row | Displays list items in a simple vertical row. | A list of people: |
| Grid | Shows items in a card-style grid format. | A grid of people takes up less space: |
| Mini grid | Compact version of the grid with smaller cards. | A mini grid takes up even less space: |
| Map | Plots list items with location data onto a map view. | Display office locations worldwide: |
| Timeline | Displays items in chronological order. | Show a timeline of events, this example is just the timeline layout applied to the directory showing in the order of start date. |
Features
Features are things you can add to your list block to configure how it looks and how users interact with it. Usually, you'd select the text feature first and add the main text you want to display. Usually, you'd select the text feature first and add the main text you want to display.
| Feature | Description | Example use |
|---|---|---|
| Text | Displays text values from your model in the list. | Show employee names, job titles, or article titles. |
| Avatar / Icon / Image | Adds a visual element (photo, icon, or image) alongside text. | Display employee profile pictures in a directory list. |
| Highlight | Adds emphasis to certain list items or values. | Highlight overdue tasks in red. |
| Primary action | Defines the main action when a user selects an item. | Open a detail page when selecting an employee record. |
| Secondary actions | Adds extra actions on each list item. | Show edit or delete buttons for content managers. |
| Social reactions | Lets users react with likes or similar icons. | Allow employees to “like” company news posts. |
| Chips | Adds small colored tags to highlight status or exceptions. When records are being altered by a workflow a In Workflow chip shows automatically on the record in the list. | Show a chip for “unpaid” leave requests. |
| Stepper | Adds a progress stepper control inside a list item. | Let users adjust progress toward a goal directly from the list. |
| Searching, sorting, and filtering | Enables users to find, organize, and refine list content. | Search employees by name, filter by department. |
| On-screen guidance | Adds inline help to explain list features. | Guide new users through how to use filters in the list. |
| Sub list | Displays nested or related lists within a list item. | Show tasks under each project item. |
| Form block | Embeds a small form (1–5 fields) inside each list record. | Update a goal’s completion percentage directly in the list. |
List of tasks
When adding a list to a page, you can add the tasks linked to a model through a foreign key. This means you can show a group of tasks for a particular series of events, for example, an onboarding journey.
Owner details in lists
You can configure list blocks to show the user's avatar, name, and initials for the user who added the content.
In this image, you can see one record was added by the signed-in user, but the other two were added by workflow:
Tasks you can perform
-
Add a list block
- Configure the Text feature
- Configure the Timeline feature
- Configure the Avatar / icon / image feature
- Configure the Primary action feature
- Configure the Secondary actions feature
- Configure the Social reaction feature
- Configure the Chips feature
- Configure the Stepper feature
- Configure the Searching, sorting, and filtering features
- Configure the On-screen guidance feature
- Configure the Grouping feature
- Configure the Sub list feature
- Configure the Form block feature