Skip to content

Entity List#

Overview#

The Entity List widget displays a list of instances for a given entity type, such as a Material or a Resource. An example is shown below, where this widget is used to show all the available Materials.

Entity List widget displaying a list of available Materials.

General#

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

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

Entity List widget general settings page showing the widget configuration interface.

Style#

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

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

Setup#

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

  • Selection Mode - Select the widget's selection mode: None, Single, or Multiple.
  • Display Mode - Choose how the Entities will be displayed, either in List or Icons mode.
  • Subtitle Property Path - Specify the property path for the subtitle.
  • Auto-Select First Element - Choose whether to automatically select the first item in the list. This option is set to false by default.
  • Keep Selection - Determine whether the selection should be retained when the entities in the list change or when the data source updates. This option is set to false by default.

In the Data section of the Setup tab, you can configure the Entity Type.

Entity List setup page showing selection, display, subtitle, and entity type settings.

Inputs#

Optionally, define Inputs. You can add as many Inputs as you desire (press in the top right of the wizard to add, and to remove).

Entity List inputs configuration page showing the available input settings.

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

Entity List links configuration page showing connections to other UI page elements.

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

Real Use Case#

An Entity List widget can be used to show a list of selectable entities and then run a query that uses the user-selected entity as a parameter. To accomplish this, follow the steps below:

  1. Add a task for the Entity List to the page properties. For the Entity List to start displaying a list, this first has to be made available on the page. The easiest way to do so is to add a Query as a task.

    Screenshot showing a UI with Entity List settings, including task details and query options.

  2. Link the Query to the Entity List widget:

    Screenshot showing the Links tab of the Entity List widget, with a link created to the Query task.

  3. After saving, the Entity List widget will display a scrollable list of Materials:

    Screenshot showing a scrollable list of materials in the Entity List widget.

  4. Add any Query (as widget of type Query) to the UI Page that uses the Material entity as a parameter, and link it to the Entity List:

    Note

    To use an entity parameter in a Query requires the actual database ID to be provided via the link on the UI page. To accomplish this, a string property has to be added to the page:

    Screenshot showing a query widget linked to an entity list with properties for property details.

  5. This string property can then be used in the link together with the Any To Any Property converter to transfer the ID of the selected entity to the Query.

    Screenshot showing the Link tab configuration mapping the string property to the Query parameter.

    Screenshot showing a list of entities with an ID selected, illustrating the step to transfer the ID using the Any To Any Property converter.

  6. The final result on the UI Page should look like this:

    Completed UI page showing the Entity List, the linked Form, and the Query widget displaying the selected Material's data.