All Collections
Dashboards
Advanced Widgets
How do I configure the Live Image widget?
How do I configure the Live Image widget?

Steps to add and configure Live Image widget on your dashboard.

Sonali Dash avatar
Written by Sonali Dash
Updated this week

Applies to brains.app platform.

Users who can do this: All Users.

Live Image is an Advanced widget that allows uploading an image and position Live values on top of it. This widget is useful to display Live values in the context of schematics and system diagrams.

Below is an example of a Live Image widget.

To add the LIVE Image widget, please follow the below steps:

  1. Click on the Plus icon(Add Widget) from the dashboard toolbar located in the top-right corner of brains.app window as shown below.

2. In the Select Widget Type screen select Live Image widget from Advanced type as shown below.

3. In the next Widget Configuration screen you can configure all Live Image widget parameters.

4. Set title for the Live Image, optionally set Significant Figures, and Upload and Select image shown below.

5. Next step is to define a group of metrics to display in the widget. This is done by assigning each metric of interest to a different Slot within the widget. Each Slot will be displayed as a separate Live Value widget on top of the image.

6. Marked by red in the above picture is Slot's name which will appear in the legend for the Range widget. Slot's name will be auto-generated based on asset name or can be manually edited using Name edit window in Slot Options panel.

7. To assign an asset to Slot 1 you first find it in the Assets panel, select it (marked by green in the above picture), and then click on the Asset window in the Slot Options panel (marked green as well). Selected Asset name will be copied automatically.

8. To assign metric to Slot 1 you first find it in the Metrics panel, select it (marked by blue in the above picture), and then click on Metric window in Slot Options panel (marked blue as well). Selected Metric name will be copied automatically.

Note: list of metrics in the Metrics panel is filtered by an asset currently selected in the Asset panel.

9. Use the "Set Position" button to bring up the uploaded image and indicate where you would like Live Values to be placed, coordinates will be automatically copied into Position windows.

10. Repeat the same process for all metrics you would like to see in the Live Image widget, create a new Slot for each new metric using the Add Slot button. Each time you complete the Slot definition please click the Update button at the bottom of the Slot editing panel. This allows you to see a preview of the new widget in the Preview panel at the bottom of the screen as shown below.

11. Once all data Slots are defined (and performance ranges configured) you can use the Save button at the bottom-right corner of the Widget Configuration screen to add a new Live Widget widget to your dashboard.

Note: By default, widget size is set to smallest. Please use Size controls in the widget configuration menu to adjust its appearance on the dashboard as shown above.

Further reading:


Learn more about different widget types (Analysis, LIVE, Statistical, Advanced, and Interactive).

Did this answer your question?