# Tile - Tile

{% hint style="info" %}
Availability of the functionality depends on the license and may not be available in all deployments.
{% endhint %}

Single component value [Tile group - TileGroup](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/2-pola-wyboru/kafel-tile/grupa-kafli-tilegroup), single-choice field (the field can only be placed in a tile group).

![](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/Io2Zt6Tb1ryg52cCex2e/4s_files/image2025-5-16_13-41-41.png)

✅ **When to use:**

* The selection should be shown as a tile with a title, content, or additional information.

:x: **When not to use:**

* A simple choice of one option without an elaborate graphical presentation is sufficient. **Use**: [Radio](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/2-pola-wyboru/radio).

## Component properties

| Eximee Designer property                                                               | Attribute name in Source | Description                                                                                                                                                                                                                                                                                                                                                                                              |
| -------------------------------------------------------------------------------------- | ------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Value of the selected field** (section **Basic properties**)                         | option                   | Component value - the field cannot be empty                                                                                                                                                                                                                                                                                                                                                              |
| **Content** (section **Basic properties**)                                             | content                  | Tile content (can be overridden from the service)                                                                                                                                                                                                                                                                                                                                                        |
| **Title** (section **Basic properties**)                                               | title                    | Title displayed above the tile. Availability of the functionality depends on the license and may not be available in all deployments.                                                                                                                                                                                                                                                                    |
| **Additional content (key)** and **Additional content** (section **Basic properties**) | additionalContentKey     | Translation key containing the tile's additional content, in a format analogous to **Content**. Functionally it may behave differently depending on the chosen deployment, for example, content that is additionally displayed when a given tile is selected (may be overridden from the service). Availability of the functionality depends on the license and may not be available in all deployments. |
| **Title color**                                                                        | titleColor               | Title background color in hexadecimal format. Availability of the functionality depends on the license and may not be available in all deployments.                                                                                                                                                                                                                                                      |
| **Popup trigger label (key)** and **Popup trigger label**                              | popupTriggerLabelKey     | Text of the label whose click will display the popup. Availability of the functionality depends on the license and may not be available in all deployments.                                                                                                                                                                                                                                              |
| **Additional content in the popup**                                                    | popupTextContent         | Name and version of the text content (in name-version format) that will be shown in the popup. Availability of the functionality depends on the license and may not be available in all deployments.                                                                                                                                                                                                     |

{% hint style="warning" %}
**NOTE!** Context help for **Tile** can be defined, but without using the help icon (the help bubble can only be displayed when hovering over the tile).
{% endhint %}

> More information about component properties: [Common component properties](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/praca-z-komponentami-bazowymi/wspolne-wlasciwosci-komponentow)

## Component input parameters

| Parameter             | Description                                                                                                                                                                                          |
| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **content**           | Tile content saved in HTML or WikiMarkup format (scripts inside this HTML are not supported by the platform).                                                                                        |
| **additionalContent** | Tile content saved in HTML or WikiMarkup format, overriding the value taken from the translation **additionalContentKey** described in the component properties.                                     |
| **markupType**        | Tile content type - values such as for **Contents** (Text Content). Optional parameter - the default value is HTML.                                                                                  |
| **popupTriggerLabel** | Text of the label whose click will display the popup. Availability of the functionality depends on the license and may not be available in all deployments.                                          |
| **popupTextContent**  | Name and version of the text content (in name-version format) that will be shown in the popup. Availability of the functionality depends on the license and may not be available in all deployments. |

<figure><img src="https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/vz0OEn3TZJAr2hi1xggu/4s_files/image2025-5-16_13-43-50.png" alt=""><figcaption><p><em><strong>Figure 1.</strong> Example appearance of the component in the application.</em></p></figcaption></figure>

{% hint style="info" %}
Demo application: demoTileGroup
{% endhint %}
