Skip to main content

Lists and Tiles

Component Configurations

List

Creates a table of child components that is dynamically generated based on tags.

List child components:

  1. ListItem
  2. ListSpark
  3. ListBar

Required Fields

FieldDescriptionUse
tagPopulates data to child components based on tag nameString - tag name

ListItem

Added to a List component, this displays text or either an attribute.

Required Fields

FieldDescriptionUse
mappingField from the asset model to populate data fromString - field name

Optional Fields

FieldDescriptionUse
widthWidth of the column in multiples of 10 pixelsNumber of pixels in multiples of 10, i.e. 6 = 60px, default is the width of the text filling the column
justifyHow to justify the textleft, right, center

ListSpark

Added to a List component, this displays a spark chart.

Required Fields

FieldDescriptionUse
mappingField from the asset model to populate data fromString - field name

Optional Fields

FieldDescriptionUse
widthWidth of the column in multiples of 10 pixelsNumber of pixels in multiples of 10, i.e. 6 = 60px, default is the width of the text filling the column
hideHeaderWhether to hide the header text for the Spark LineBoolean, true or false, default is false

ListBar

Added to a List component, this displays a single bar graph.

Required Fields

FieldDescriptionUse
mappingField from the asset model to populate data fromString - field name

Optional Fields

FieldDescriptionUse
widthWidth of the column in multiples of 10 pixelsNumber of pixels in multiples of 10, i.e. 6 = 60px, default is the width of the text filling the column
maximumField from the asset model which sets the maximum value for the bar chartString - field name
mappingMinorField from the asset model which sets a vertical line indicator on the bar chartString - field name
maximumMinorField from the asset model which sets the maximum for the minor indicator on the bar chartString - field name
hideHeaderWhether to hide the header text for the Spark LineBoolean, true or false, default is false