Choose data
Model | The model, on whose data the chart is based. |
Filter data items |
Expands the view to show the Filter data items section to select the conditions you want the data items to meet. Don't use this for access control because users can still access data through other means, such as APIs. |
Sort data items |
Expands the view to show the Sort data items section to sort the data items for this block. |
Filter data items
Filter the content of your block to only show relevant data items.
Property |
A list of available properties for this model. |
Criteria |
A list of criteria that you can choose that you want the property value to meet. |
Value |
The value that you want the property data value to meet. |
Sort data items
Property | The property value you want to sort by. |
Order | The direction you want to sort by. |
Design list
Realtime preview | A preview of how your chart is going to look with data from your selected model. |
Layouts |
How you want your list to be laid out:
|
Default layouts | If you select more than one layout from the Layouts list, you need to select which one you want to show when the user first opens the page. For example, if you select grid and list layouts, the user can toggle between a grid and a list with the icons. |
Features | The attributes your want on for each list item. |
Text
Title | The property's value you want to appear as the main text on the item row. |
Sub title | The property's value you want to appear under the main text on the item row. |
Overline | The property's value you want to appear above the main text on the item row. |
Action text | The property's value you want to appear to the right of the main text on the item row. |
Timeline
Timeline text property | A list of your available text and date properties in your model. |
Timeline icon property | A list of icon properties in your model. |
Timeline color property | A list of color properties in your model. |
Avatar / icon / image
Style | Whether you want a picture in a circle, avatar, just a regular image, or an icon in a circle. |
Image property | If you select avatar or image, the image property you want to appear. |
Placeholder text | The text you want to appear if there is no avatar or image present. |
Icon property | The icon you want to appear for the list item. |
Icon color property | The color property of the icon. |
Use badge | A colored dot that appears on the avatar or icon to indicate a state. You can't use this on an image. |
Badge color | The color of your badge. |
Primary action
Link to |
You can link to an existing page in your tenant or an external link:
|
Page |
Appears after you select the "Applaud Cloud Page" option from the Link To setting. It lists all the pages in your Applaud tenant. The page you select opens when a user selects the card in your chart. |
Hyperlink |
Appears after you select the "External Hyperlink" option from the Link To setting. You can type in any URL to open when a user selects the card in the chart. |
Link target |
The options of how you want the page or URL to open, either in the current browser tab, a new tab, or in a dialog box (modal) within the page.
|
Secondary action
Use a menu for actions |
Makes the Choose a menu option appear. |
Choose a menu |
A list of your existing menus so you can choose a menu for your secondary actions |
Title | The button label. |
Link to | The page or URL you want the button to open. |
Link target | How you want the page to open. |
Icon | The icon you want on the button. |
Hide/show based on a model property |
A boolean property in the model that when it meets your selected Condition hides or shows the button.
|
Condition |
The condition you want to happen if the boolean property is true. |
Chips
Property | The boolean property in your model you want to use. |
Condition | Choose if you want to show the chip if the boolean property is true or false. |
Text | The text you want to appear in the chip. |
Color | The color of the chip. This opens the color picker and you can choose any color. |
Icon | The list of icons you can choose from to appear on the chip. |
Stepper
Active step property | The model's property that you want to base the stepper feature on. For example, you could have an "Onboarding status" property where the value changes depending on how far along in the process the person is. |
Step id | The value you want the property to be for the stepper to highlight the step as "in progress." For example, the image shows the "New starter" step highlighted as in progress, which means the Onboarding status value is "new." |
Step title | The title text you want to appear under the step. |
Step text property | The property whose value you want to appear in the step circle. Here we have added a separate property with a numerical value for each step. |
Mask future steps | Hides future steps in the stepper. |
Searching
how a search box that allows the user to search the list items | Includes a search box at the top of your list. |
Search within extra properties | Lets users search on terms that aren't shown. |
Search properties |
The properties you want your users to be able to search on. |
Sorting
Show sorts that allows the user to search the list items | Includes a sort function on your list. |
Property | The properties you want your sort to include. |
Sort by | The direction you want the sort to be. |
Filtering
Show filters that allow the user to refine the list of items | Includes a filter function on your list. |
Property |
The properties you want your filter to include. |
Type |
The sort of filter you want the property filter to be, for example, select one value, multiple values or a number range value. |
On-screen guidance
Preamble | The text you want to appear above the list. |
No items text | The text to show when there are no items shown in the list. |
Grouping
The grouping feature is available when you select to base your list on the Task model.
Group by | The property you want to group by. You can only select properties with the "Free text" property type. |
Display order |
|
Design sub list
Sub list model | Inserts another list below each list item. |
Features |
Shows each of the features you can configure like the main list. |
Form
Form block | A list of existing forms you can add to appear below each list item. |
General content settings
Title |
The text that you want to appear on your button. |
||||
Type of action |
A list of options of how your page can open. For example, in a new tab or a dialog box or modal. |
||||
Target |
A list of the available pages in your tenant that the button opens or the URL of the website that you want to open. |
||||
Icon |
A list of available icons that you can choose to add to the button. |
||||
Color |
The default colors that you can choose the button to be. If you don't select this, Applaud uses the balanced color by default. |
||||
Weight |
How you want the button to appear:
|
||||
Hide/show based on a model property |
A boolean property in the model that when it meets your selected Condition hides or shows the button.
|
||||
Condition |
The condition you want to happen if the boolean property is true. |
||||
Hide or show this block using filters | Restrict or allow viewing further by adding custom filters to your list block. You can base these filters on anything such as role type, department, or location. |
Conditions
Property |
A list of available properties for this model. |
Criteria |
A list of criteria that you can choose that you want the property value to meet. |
Value |
The value that you want the property data value to meet. |
Export
Enable | Adds an Export button to your list, so when a user selects Export, Applaud sends them an email with a link to download the exported data. |
Export Properties |
|
Properties filter | The property you want the user to be able to export. you can select to create a new one. This takes you to the Export page of the model so that you can add a new filter. See our knowledge base article, Export data from your model to update it. |
Tasks you can perform here:
- 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 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