---
tags:
- UI Page widgets
alias: user-guide-uipage-widgets-entity-tiles
widgetname: Entity Tiles
description: "This documentation details a UI widget displaying entity instances in tiles with customizable options and actions"
---

# Entity Tiles

:core-static-widgettile-lg:{style="font-size: 100px"}

## 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**.

![Entity Tiles widget displaying multiple Products on the left side of a UI Page.](images/uiPageExample11.png)

## General

{% include-markdown 'includes/pages/ui_widgets_general_steps_with_behavior.md' %}

![Entity Tiles widget general settings page showing the widget configuration interface.](images/entitytiles_general.png)

## Style

{% include-markdown 'includes/pages/ui_widgets_style.md' %}

## Setup

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.

![Entity Tiles setup page showing the tile display, sort, selection, action, and entity type settings.](images/entitytiles_setup.png)

## Inputs

Optionally, define the **Inputs**. Some Entity Types, such as Area, Material, or Maintenance System Actions, will have predefined inputs that cannot be modified. You may add additional inputs as needed.

![Entity Tiles inputs configuration page showing the available input settings.](images/entitytiles_inputs.png)

## Links

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

![Entity Tiles links configuration page showing connections to other UI page elements.](images/entitytiles_links.png)

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