# Treść formatowana (zwijana) - RollableTextContent

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

Komponent służący do prezentacji artefaktu **Treść** z opcją zwinięcia/rozwinięcia (wykorzystywany np. do wyświetlania noty prawnej).

![](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/oHPqW3opFxxnWRSP018U/9_files/image2025-5-16_12-44-19.png)

## Właściwości komponentu

| Właściwość Eximee Designer                                          | Nazwa atrybutu w Źródle | Opis                                                                                                                                                                                                                                                                                          |
| ------------------------------------------------------------------- | ----------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Wysokość pola** (sekcja **Podstawowe właściwości**)               | contentHeight           | Wysokość komponentu (domyślnie ustawiona na 200). Jeśli cały tekst nie mieści się w komponencie, zostaje wstawiony pionowy pasek przewijania. Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.                                                |
| **Tytuł pola** (sekcja **Podstawowe właściwości**)                  | contentTitle            | Tytuł wyświetlany na górze komponentu (domyślnie pusty). Kliknięcie tytułu powoduje zwijanie/rozwijanie treści komponentu.                                                                                                                                                                    |
| **Prezentacja zawartości pola** (sekcja **Podstawowe właściwości**) | contentDefaultVisible   | Pokazywanie zawartości komponentu (domyślnie właściwość jest zaznaczona - wartość ustawiona na "true"). Jeśli właściwość zostanie odznaczona (wartość "false"), zawartość komponentu zostaje zwinięta, a jego wyświetlenie nastąpi po kliknięciu strzałki rozwijającej lub tytułu komponentu. |

> 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)

Jeśli we wstawionym artefakcie **Treść** zostało użyte wyrażenie **/more/**, w komponencie w tym miejscu zostanie wyświetlony przycisk "Pokaż więcej" (kliknięcie go wyświetli ukrytą część treści).

## Podpięcie w komponencie źródła treści

Aby wyświetlić w komponencie treści, należy wskazać utworzony wcześniej artefakt **Treść** (tworzenie artefaktu zostało opisane w: [Tworzenie i podpięcie artefaktu Treść](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/4-tresci/tresc-textcontent/tworzenie-i-podpiecie-artefaktu-tresc)).

{% stepper %}
{% step %}

#### Wybierz komponent

Po zaznaczeniu komponentu **Treść formatowana (zwijana)** przejdź w panelu **Właściwości** do sekcji **Interakcje**.
{% endstep %}

{% step %}

#### Wybierz źródło danych zewnętrznych

W polu **ŹRÓDŁO DANYCH ZEWNĘTRZNYCH** kliknij **Wybierz serwis** i podłącz usługę *TextContentService* (opis podpięcia usługi: [Przykład podpięcia w komponencie usługi](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/praca-z-komponentami-bazowymi/zasilanie-wartosciami-z-zewnetrznych-zrodel/przyklad-podpiecia-w-komponencie-uslugi)).
{% endstep %}

{% step %}

#### Określ parametr wejściowy i mapowania wyjścia

Jako parametr wejściowy "artifact" po kliknięciu w opcję **Wybierz komponent lub stałą** wskaż właściwy artefakt **Treść**, a w parametrach wyjściowych zmapuj odpowiednie atrybuty na parametry wyjścia z usługi.
{% endstep %}
{% endstepper %}

![Ilustracja 1. Przykładowy wygląd komponentu na wniosku (treść zwinięta)](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/F5duYVMIx18fNWTtjb0K/9_files/image2025-5-16_12-45-12.png)

![Ilustracja 2. Przykładowy wygląd komponentu na wniosku (treść rozwinięta)](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/ZzOtKxDOOCL71yyvf6Bg/9_files/image2025-5-16_12-46-31.png)

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

{% hint style="info" %}
♿WCAG: [Dobre praktyki WCAG dla low-code dev](https://docs.eximee.com/budowanie-aplikacji/proces-biznesowy/tworzenie-procesu-biznesowego-w-bpmn-2.0/dobre-praktyki)
{% endhint %}