Skip to content

Data Value#

dataValueIcon

Overview#

The Data Value widget provides a mechanism to display values by using a preset list of gauges. An example is shown below, where a Data Value widget is used to show the gauge on the right:

dataValueExample

To use the Data Value widget in a UI Page, follow the steps below:

  1. In any UI Page in Build mode, select the Data Value widget from the widgets list located on the right; drag and drop to the correct place in the UI Page.
  2. Enter the Settings section of the widget via the vertical ellipsis or the link:

datavalue_initial_screen

  1. In the General tab, provide a name for the widget, a description, specify whether it should display the header and also if the full screen mode should be active:

dataValueGeneral

  1. In the Layout tab, the visual properties of the widget are configured:

dataValueLayout

  1. Select the gauge type and specify whether animations should be displayed or not.

  2. Optionally, define the links between this widget and other elements of the UI Page:

dataValueLinks

  1. By saving and closing the settings, the widget will be changed accordingly.