Lists and Tiles
Component Configurations
List
Creates a table of child components that is dynamically generated based on tags.
List child components:
- ListItem
- ListSpark
- ListBar
Required Fields
Field | Description | Use |
---|---|---|
tag | Populates data to child components based on tag name | String - tag name |
ListItem
Added to a List component, this displays text or either an attribute.
Required Fields
Field | Description | Use |
---|---|---|
mapping | Field from the asset model to populate data from | String - field name |
Optional Fields
Field | Description | Use |
---|---|---|
width | Width of the column in multiples of 10 pixels | Number of pixels in multiples of 10, i.e. 6 = 60px, default is the width of the text filling the column |
justify | How to justify the text | left , right , center |
ListSpark
Added to a List component, this displays a spark chart.
Required Fields
Field | Description | Use |
---|---|---|
mapping | Field from the asset model to populate data from | String - field name |
Optional Fields
Field | Description | Use |
---|---|---|
width | Width of the column in multiples of 10 pixels | Number of pixels in multiples of 10, i.e. 6 = 60px, default is the width of the text filling the column |
hideHeader | Whether to hide the header text for the Spark Line | Boolean, true or false , default is false |
ListBar
Added to a List component, this displays a single bar graph.
Required Fields
Field | Description | Use |
---|---|---|
mapping | Field from the asset model to populate data from | String - field name |
Optional Fields
Field | Description | Use |
---|---|---|
width | Width of the column in multiples of 10 pixels | Number of pixels in multiples of 10, i.e. 6 = 60px, default is the width of the text filling the column |
maximum | Field from the asset model which sets the maximum value for the bar chart | String - field name |
mappingMinor | Field from the asset model which sets a vertical line indicator on the bar chart | String - field name |
maximumMinor | Field from the asset model which sets the maximum for the minor indicator on the bar chart | String - field name |
hideHeader | Whether to hide the header text for the Spark Line | Boolean, true or false , default is false |