# Kafel - Tile

{% hint style="info" %}
Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.
{% endhint %}

Pojedyncza wartość komponentu [Grupa kafli - TileGroup](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/2-pola-wyboru/kafel-tile/grupa-kafli-tilegroup), pole jednokrotnego wyboru (pole może zostać umieszczone jedynie w grupie kafli).

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

✅ **Kiedy stosować:**

* Wybór ma być pokazany jako kafel z tytułem, treścią lub dodatkowymi informacjami.

:x: **Kiedy nie stosować:**

* Wystarczy prosty wybór jednej opcji bez rozbudowanej prezentacji graficznej. **Stosuj**: [Radio](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/2-pola-wyboru/radio).

## Właściwości komponentu

| Właściwość Eximee Designer                                                               | Nazwa atrybutu w Źródle | Opis                                                                                                                                                                                                                                                                                                                                                                                               |
| ---------------------------------------------------------------------------------------- | ----------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Wartość wybranego pola** (sekcja **Podstawowe właściwości**)                           | option                  | Wartość komponentu - pole nie może być puste                                                                                                                                                                                                                                                                                                                                                       |
| **Treść** (sekcja **Podstawowe właściwości**)                                            | content                 | Zawartość kafla (może zostać nadpisana z usługi)                                                                                                                                                                                                                                                                                                                                                   |
| **Tytuł** (sekcja **Podstawowe właściwości**)                                            | title                   | Tytuł wyświetlany nad kaflem. Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.                                                                                                                                                                                                                                                                     |
| **Dodatkowa treść (klucz)** oraz **Dodatkowa treść** (sekcja **Podstawowe właściwości**) | additionalContentKey    | Klucz tłumaczenia zawierającego dodatkową zawartość kafla, w formacie analogicznym jak **Treść**. Funkcjonalnie zachowywać się może różnie w zależności od wybranego wdrożenia, przykładowo treść, która ma być dodatkowo wyświetlona, gdy dany kafel jest wybrany (może być nadpisana z usługi). Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach. |
| **Kolor tytułu**                                                                         | titleColor              | Kolor tła tytułu w formacie szesnastkowym. Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.                                                                                                                                                                                                                                                        |
| **Etykieta uruchamiająca popup (klucz)** oraz **Etykieta uruchamiająca popup**           | popupTriggerLabelKey    | Tekst etykiety, której kliknięcie spowoduje pokazanie popupa. Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.                                                                                                                                                                                                                                     |
| **Dodatkowa treść w popupie**                                                            | popupTextContent        | Nazwa i wersja tekst contentu (w formacie nazwa-wersja), który zostanie pokazany w popupie. Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeń.                                                                                                                                                                                                           |

{% hint style="warning" %}
**UWAGA!** Pomoc kontekstową dla **Kafla** można zdefiniować, ale bez użycia ikony pomocy (dymek pomocy może wyświetlać się tylko po najechaniu na kafelek).
{% endhint %}

> Więcej informacji o właściwościach komponentu: [Wspólne właściwości komponentów](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/praca-z-komponentami-bazowymi/wspolne-wlasciwosci-komponentow)

## Parametry wejściowe komponentu

| Parametr              | Opis                                                                                                                                                                                         |
| --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **content**           | Zawartość kafelka zapisana w języku HTML lub WikiMarkup (skrypty wewnątrz tego HTMLa nie są obsługiwane przez platformę).                                                                    |
| **additionalContent** | Zawartość kafelka zapisana w języku HTML lub WikiMarkup, nadpisująca wartość braną z tłumaczenia **additionalContentKey** opisanego we właściwościach komponentu.                            |
| **markupType**        | Typ zawartości kafelka - obsługiwane są wartości takie jak dla **Treści** (Text Content). Parametr opcjonalny - domyślną wartością jest HTML.                                                |
| **popupTriggerLabel** | Tekst etykiety, której kliknięcie spowoduje pokazanie popupa. Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.                               |
| **popupTextContent**  | Nazwa i wersja tekst contentu (w formacie nazwa-wersja), który zostanie pokazany w popupie. Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach. |

<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>Ilustracja 1.</strong> Przykładowy wygląd komponentu na wniosku.</em></p></figcaption></figure>

{% hint style="info" %}
Wniosek demo: demoTileGroup
{% endhint %}