# Grupa kafli - TileGroup

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

Grupa jednokrotnego wyboru, której reprezentacją graficzną opcji jest kafel

![](/files/48e07d85e986bfc7f9bebd1932830680531b2f1b)

## Właściwości komponentu

| Właściwość Eximee Designer                                               | Nazwa atrybutu w Źródle | Opis                                                                                                                                                                |
| ------------------------------------------------------------------------ | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p>Etykieta<br>(sekcja <strong>Podstawowe właściwości</strong>)</p>      | label                   | Etykieta dla komponentu.                                                                                                                                            |
| <p><strong>Liczba kolumn</strong><br>(sekcja <strong>Układ</strong>)</p> | columns                 | Liczba kolumn w komponencie - wartość brana pod uwagę tylko w przypadku zasilania dziedziny komponentu przez **Źródło danych zewnętrznych** (External Data Source). |

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

## Wartość komponentu

Jako wartość komponentu ustalana jest wartość zaznaczonego przez użytkownika pola **Kafel** ([Kafel - Tile](/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/2-pola-wyboru/kafel-tile.md)). Brak zaznaczenia oznacza, że właściwość **value** komponentu jest pustym tekstem.

## Komponenty wewnętrzne

Wewnątrz komponentu **Grupa kafli** można osadzać jeden rodzaj komponentu — **Kafel** (opis komponentu w [Kafel - Tile](/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/2-pola-wyboru/kafel-tile.md)). Sposób układania komponentów wewnątrz **grupy kafli** można określić za pomocą pola **Liczba kolumn** dostępnego w sekcji **Układ**.

## Parametry wejściowe komponentu

| Parametr              | Opis                                                                                                                                                                                                                                                                                   |
| --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **id**                | Wartość jaką przyjmuje wybrany kafelek (pole obowiązkowe). Pusta wartość zwrócona z usługi będzie powodować błąd systemu.                                                                                                                                                              |
| **content**           | Zawartość kafelka zapisana w języku HTML (skrypty wewnątrz tego HTMLa nie są obsługiwane przez platformę).                                                                                                                                                                             |
| **additionalContent** | Dodatkowa zawartość kafelka zapisana w języku HTML (skrypty wewnątrz tego HTMLa nie są obsługiwane przez platformę). 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. |
| **title**             | Tytuł kafelka.                                                                                                                                                                                                                                                                         |
| **columns**           | Liczba kolumn, na której mają ułożyć się kafelki (pole opcjonalne). Wartość zwrócona z usługi nadpisuje wartość ustawioną w parametrze Liczba kolumn.                                                                                                                                  |
| **value**             | Wartość jaką przyjmie grupa po zasileniu dziedziny (pole opcjonalne). W przypadku zwrócenia wartości spoza dziedziny zostanie ustawiona wartość domyślna (jeżeli znajduje się w nowej dziedzinie) lub pusta.                                                                           |
| **popupTriggerLabel** | Tekst etykiety, której kliknięcie spowoduje pokazanie popupa (Funkcjonalność opcjonalna. Nie jest dostępna we wszystkich wdrożeniach.)                                                                                                                                                 |
| **popupTextContent**  | Nazwa i wersja tekst contentu (w formacie nazwa-wersja), który zostanie pokazany w popupie (Funkcjonalność opcjonalna. Nie jest dostępna we wszystkich wdrożeniami.)                                                                                                                   |

## Czyszczenie wyboru

W celu wyczyszczenia aktualnego wyboru, należy ustawić komponentowi pustą wartość (**value**), przy czym pusta wartość oznacza pusty tekst: "". Należy również zaznaczyć, że resetowanie wyboru nie oznacza przywrócenia wartości domyślnej, a odznaczenie aktualnie wybranego Kafla.

<figure><img src="/files/dc59f329764c79a1b7ec152ec0da3e8c559ac2b1" alt=""><figcaption><p><em><strong>Ilustracja 1.</strong> Przykładowy wygląd komponentu na wniosku.</em></p></figcaption></figure>

<figure><img src="/files/02e1b7e6a54064b1f8289cdba943479f4d2657f7" alt=""><figcaption><p><em><strong>Ilustracja 2.</strong> Przykładowy wygląd komponentu z kaflami zawierającymi tytuł.</em></p></figcaption></figure>

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

{% hint style="info" %}
♿WCAG: [Dobre praktyki WCAG dla low-code dev](https://github.com/Consdata/eximee-docs/blob/main/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/proces-biznesowy/tworzenie-procesu-biznesowego-w-bpmn-2.0/dobre-praktyki.md)
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/2-pola-wyboru/kafel-tile/grupa-kafli-tilegroup.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
