Data Binding to Widgets/Plug-ins (Classic)

This topic describes the options you can use to bind values to widgets/plug-ins.

Attention: In case you modified the data source alias (machine name), then all references to the data source (Historian or OPC UA) server are lost. You must rebuild queries for all your widgets in use.

Tag Browser

A list of out-of-the-box (OOTB) queries of 'Extension' type are available with the tag browser.

  1. Select the OOTB query that you want to apply to the widget.
  2. Browse the data source and select tags.
  3. Drag-and-drop the query on your widgets. This automatically populates the data fields for the query under PAGE DATA.
  4. Save the page with the default data from the query, (OR) modify the data fields to your requirement.
Note: The tag browser does not apply to REST or SQL queries. It works only with Extension queries. If you want to configure tags in a REST query, then enter them as Text. You can also enter multiple tags separated by a semicolon.
Refer to:
Example: Refer to Sample Page with Historical Data.

Inputs

Queries have input values. On drag-and-drop from tag browser, these inputs are bound to the widget, and appear under PAGE DATA.

Each input has these options that are populated with default values as per the query:
  • Manual: Allows to use a variety of components to provide manual values for query inputs - text, number, date, time, datetime, browser, combo box, and boolean.
  • Global
  • UI
Note: At any point in time, ensure that only one binding exists for the query inputs. For example, there should be no manual or global binding if you have already bound the query input to UI through a widget or plugin. To remove a binding from the query input, select the unlink icon next to the binding.

Link to Access the Query

If you changed the Asset Context for the page, access a direct link to the query to update or modify it.

On selecting the widget, a link to the associated query appears under the widget properties. Select the link to directly jump to the query on the PAGE DATA tab.

Drag-and-Drop Data

This feature is applicable when configuring widgets/plug-ins in Operations Hub. You have the option to drag-and-drop selected tags/properties (from the tag browser) directly on to the widgets. The data is quickly bound to the widget without the need to manually configure its value fields. After you drag and drop data on the widget, go to the widget properties tab to verify. The source value fields are auto-filled with the data that you dropped on the widget.

For widgets with multiple array fields to bind to, the drag-and-drop feature shows the available value fields. A menu appears, where you can drill down and select the specific item to bind data. Items in the menu are arranged according to their sequence order.

To bind the drag-and-drop data to a new item, select + Add Item. A new item is created and data is bound to it.