Skip to content

Entity Info#

entityInfoIcon

Overview#

The Entity Info widget displays quick information on a given entity instance, with a primary and a secondary property available to be displayed.

entityInfoView

General Steps#

To use the Entity Info widget in a UI Page, follow the steps below:

  1. In any UI Page in Build mode, select the Entity Info from the widgets list located on the left side of the page; drag and drop to the desired place in the UI Page.
  2. Enter the Settings section of the widget through the three vertical dots.
  3. In the General tab, provide a name and a description for the widget. Use the toggle buttons to specify whether the widget should be visible, display the header, or allow full screen mode. Additionally, determine if the widget can be opened as an image in a new tab or exported as an image. You can also select the navigation mode behavior: open a new page, replace the current page, or none.

entityInfoGeneral

Widget Customization#

  1. Optionally, in the Style tab, you can define a Border Width and Color.

    Diagram showing an Entity Info Style widget customization settings.

  2. In the Setup tab, provide the Entity Settings:

    • Entity Type - Select the Entity Type to be displayed.
    • Entity - Select the Entity instance to be displayed.
    • Show Entity Icon - Choose if the widget should display the entity icon.
    • Show Entity State Colors - Choose if the widget should display the state color.
    • Entity Icon Size - Choose the size of the entity icon (Small or Large).

    entityInfoSetup

    Additionally, define a Primary Property and/or a Secondary Property to be displayed, along with the Font and Font Size in which to render them. If the properties selected are not user defined, a dropdown control is available for you to select the Value of the desired property. The secondary property will be enclosed in parentheses. If the user defined flag is set, you can access contextual properties associated to a given Entity (e.g., if a Material entity is selected and you want to display the name of the Product, entering Product.Name will display the required value.)

    entityInfoProperties

  3. Optionally, define the Links between this Widget and other elements of the UI Page.

    Screenshot showing a widget customization page with links to other UI elements.

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