Indicator

Use the indicator widget to monitor and interpret the status of your industrial systems.

You can apply different colors and introduce gif animations to communicate a value or state effectively. The indicator widget helps to draw attention towards the changing status of a system and the indication to take corrective actions, if necessary.

The indicator widget is available under Integration > General. When designing application pages, drag-and-drop to a container.



Bind the widget to a query and set the properties to appear at runtime. You can define unique properties for values within specific ranges, and also for values that are outside of any range.

Important: This rule applies if you have upgraded to a SIM version. Make sure to upgrade your applications before attempting to modify them in Operations Hub.
Table 1. Indicator Properties
Property Description
Multistate Indicator Value The value is populated when you bind the indicator widget to a query.
Indicator Mode Select to display output in any of these modes:
  • Analog: In this mode, the widget provides analog values as output. You can choose to add a background image, and use several other options to indicate the current status.

  • Status: In this mode, the widget functions as a simple indicator status. It provides a push button to indicate the change in current status. You can also choose to show the analog values.

  • Image: In this mode, you can provide a background image to indicate the change in current status. You can also choose to show the analog values along with the image.
Display Value? Select the check box to display the analog value.
Repeat Background Image Analog indicator mode:

Select the check box to apply the background image repeatedly to provide a continuous background across the widget.
Width Analog indicator mode:

By default, the indicator widget occupies the width of its container. Reset the width in percentage or pixels.
Height Analog indicator mode:

By default, the indicator widget occupies the height of its container. Reset the height in percentage or pixels.
Size Image and Status indicator modes:

For the image mode, enter the image size in pixels.

For the status mode, enter the size to set the diameter of the indicator button.
Decimal Precision (Whole Number Only) Enter the number of significant digits after the decimal point to consider for formatting large numbers (for example 2, 3, 4). Based on the significant digits, the displayed value is rounded off to the nearest whole number.
Insert Commas Select the check box to use comma as a thousands separator. A comma is inserted for every three digits.
Prefix Units Enter the unit of measurement to appear as a prefix for the value.
Suffix Units Enter the unit of measurement to appear as a suffix for the value.
Label Above Enter the text to appear above the value.
Label Below Enter the text to appear below the value.
Font Size Enter the size of the font for the label text.
Font Family Select a font family for the label text.
Font Color Select a font color for the label text.
Background Color Select a color to fill in the background for labels and values.
Background Image Allows to set a background image for the widget.

You can:

  • Enter the file name of the image if copied to this location on the server C:\Program Files\GE\Operations Hub\iqp-endapp\public\custom\Images (OR)
  • Enter the complete URL address for the image from a different server.
Note: For background image visibility, make sure that your background color has the alpha channel set to include some transparency. You can even apply a partial transparency to tint the image.
Border Type/Style Select a border style for the widget.
Border Width Enter the width size if the widget has a border.
Border Radius Enter the radius size to style the corners of a border.
Border Color Select a color for the border.
+Add Item Select to customize settings for values within a specific range. Create an input range and highlight with unique colors and style.
Input Range Low (Greater than or Equal) Enter the lowest value to create an input range.
Input Range High (Less than) Enter the highest value to create an input range.

About Custom Range Settings

You can add several custom ranges to the widget; each with a different input range. The custom ranges are implemented in the specified order, from first to last. If the input ranges overlap with each other, the custom range setting at the top of the order is applicable. Arrange the custom ranges in the order you want them to be implemented.
  • Select for the custom range to move upwards in a list.
  • Select for the custom range to move downwards in a list.
  • Select for the custom range to remove from the list. These inputs are deleted.