Skip to content

Entity Tiles#

entityTiles

Overview#

The Entity Tiles widget displays a list of instances for a given entity type in square or rectangle tiles. It is possible to associate an action to be triggered when the tile is double clicked. An Example is shown below, where an Entity Tiles widget is used in the left of the UI Page, to show multiple Products.

entityTilesExample

General Steps#

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

  1. In any UI Page in Build mode, select the Entity Tiles 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.

entityTilesGeneral

Widget Customization#

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

    Screenshot showing a widget customization interface with options for border width and color.

  2. In the Setup tab, provide the Selection and View mode details:

    • Tiles Display Mode - Choose the shape of the tiles used to display entities: Rectangle or Square
    • Wrap Tiles - Define whether the entity tiles should wrap to the next line when there is not enough space in the current line. This option is set to true by default.
    • Sort Property - Choose the property by which the entities will be sorted alphabetically. You can select from any of the properties available for the chosen entity type.
    • Selection Mode - Select the widget's selection mode: None, Single, or Multiple.
    • Action - Choose from any of the available actions in the MES system that should be executed when a tile is selected.
    • Action Trigger Mode - Define how the action should be triggered: On click or On double click.
    • Entity Type - Specify the entity type you wish to configure.

    entityTilesSetup

  3. Optionally, define Inputs.

    entityTilesInputs

  4. Optionally, define the Links between this widget and other elements of the UI Page.

    entityTilesLinks

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