Users can define the following regarding the visualization of the data workbench card in the card settings:

  • title for the card
  • description to be displayed as text in the card
  • value to be displayed
  • unit for the value
  • color of the value

You must define one binding expression for each card setting output to make the functionality completely available to the users. In addition, you can optionally use any of the static values.

  • Result: The title defined by the user in the card settings in the Title field is displayed in the card.

    Card JSON code example:

    • {
      • 'type': 'TextBlock',
      • 'text': '${titlevalue}',
      • 'size': 'Medium',
      • 'wrap': true,
      • 'style': 'heading',
      • 'id': 'WidgetHeader'
    • }

    Attribute settings in the variable definition of the widget card template:

    • Mapping Type: TextOrValue.
    • Type: ClassProperty.
    • Class: <Data workbench card>.
    • Class Property: Caption.
    • Value: Leave this field empty.

  • Result: The description defined by the user in the card settings in the Description field is displayed in the card.

    Card JSON code example:

    • {
      • 'type': 'TextBlock',
      • 'text': '${descriptionvalue}',
      • 'wrap': true,
    • }

    Attribute settings in the variable definition of the widget card template:

    • Mapping Type: TextOrValue.
    • Type: ClassProperty.
    • Class: <Data workbench card>.
    • Class Property: Description.
    • Value: Leave this field empty.

  • Result: Users can define the calculation of the numeric value in the card settings with the Grouping Operation and Grouping Operation Column and Grouping Filter fields. The result of the calculation is displayed.

    Card JSON code example:

    • {
      • 'type': 'TextRun',
      • 'text': '${cardvalue}',
    • }

    Attribute settings in the variable definition of the widget card template:

    • Mapping Type: TextOrValue.
    • Type: ClassProperty.
    • Class: <Data workbench card>.
    • Class Property: CalculatedValue.
    • Value: Leave this field empty.

  • Result: The measurement unit defined by the user in the card settings in the Unit field is displayed in the card.

    Card JSON code example:

    • {
      • 'type': 'TextRun',
      • 'text': '${unitvalue}',
    • }

    Attribute settings in the variable definition of the widget card template:

    • Mapping Type: TextOrValue.
    • Type: ClassProperty.
    • Class: <Data workbench card>.
    • Class Property: Unit.
    • Value: Leave this field empty.

  • Result: The color defined by the user in the card settings in the Value Color field is applied to text in the card. Typically the value is colored.

    Card JSON code example:

    • {
      • 'type': 'TextRun',
      • 'text': 'This is the colored text',
      • 'color': '${colorvalue}'
    • }

    Attribute settings in the variable definition of the widget card template:

    • Mapping Type: Color.
    • Type: ClassProperty.
    • Class: <Data workbench card>.
    • Class Property: ComputedValue.
    • Value: Transparent.