> For the complete documentation index, see [llms.txt](https://docs.eximee.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/0-struktura-i-nawigacja/sekcja-section.md).

# Sekcja - Section

Komponent sekcji pozwalający grupować inne komponenty.

![](/files/ff5f1cbe354a65fa7e3ad73897a0c13b4da05f5c)

✅ **Kiedy stosować:**

* Chcesz grupować inne komponenty w logiczny blok (np. dane osobowe).

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

* Chodzi tylko o prosty separator bez grupowania treści. **Stosuj**: [HorizontalLine](/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/0-struktura-i-nawigacja/linia-horizontalline.md).
* Powinna istnieć opcja wprowadzenia tego samego rodzaju danych wielokrotnie (np. dane dzieci). **Stosuj**: [Sekcja powtarzalna](/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/7-komponenty-specjalne/sekcja-powtarzalna-repeatablesection.md).

## Właściwości komponentu

<table><thead><tr><th>Właściwość Eximee Designer</th><th width="180.88330078125">Nazwa atrybutu w Źródle</th><th>Opis</th></tr></thead><tbody><tr><td><strong>Tytuł</strong> (sekcja <strong>Podstawowe właściwości</strong>)</td><td>title</td><td>Tytuł sekcji. Istnieje możliwość odwołania się do zmiennych lub pól w tytule sekcji, np. <em>${sessionVariableName}</em> lub <em>${GesTextField1}.</em></td></tr><tr><td><strong>Sekcja zwijana</strong> (sekcja <strong>Pozostałe</strong>)</td><td>foldable</td><td><p>Określa czy sekcja powinna mieć możliwość zwinięcia. Domyślnie "false" - bez zwijania.</p><p>Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.</p></td></tr><tr><td><strong>Warunek zwinięcia sekcji</strong> (sekcja <strong>Pozostałe</strong>)</td><td>foldedCondition</td><td><p>Warunek zwinięcia sekcji - jeżeli jest spełniony to sekcja jest zwinięta. Dla <strong>presentation</strong>=STANDARD warunek jest obliczany na samym początku i służy tylko do pierwszego wyświetlenia sekcji. Dla <strong>presentation</strong>=LABELS zmiana wartości warunku powoduje modyfikację (zwinięcie i rozwinięcie) sekcji w trakcie wyświetlania wniosku.</p><p>Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.</p></td></tr><tr><td><strong>Reprezentacja graficzna pola</strong> (sekcja <strong>Pozostałe</strong>)</td><td>presentation</td><td><p>Określenie sposobu prezentacji rozwijania sekcji. Dostępne typy prezentacji zwijania/rozwijania: STANDARD i LABELS (poniżej szerszy opis). Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.</p><p>Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.</p></td></tr><tr><td><strong>Dynamiczny tytuł sekcji</strong> (sekcja <strong>Pozostałe</strong>)</td><td>sectionDynamicTitles</td><td>Umożliwia podanie tytułów sekcji, które są zależne od warunków. Wyświetlony zostanie pierwszy tytuł w kolejności, którego warunek zostanie spełniony. Jeżeli żaden z warunków nie zostanie spełniony, wyświetlany jest tytuł podany we własności <em>title.</em> Istnieje możliwość odwołania się do zmiennych lub pól np. <em>${sessionVariableName}</em> lub <em>${GesTextField1}.</em></td></tr></tbody></table>

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

## Zależności komponentów w sekcji

Dla zmiany wartości komponentu, od którego zależna jest sekcja, przeliczany jest stan sekcji, oraz wszystkich komponentów wewnątrz.

Dla zmiany dowolnego komponentu w sekcji przeliczane są wartości wszystkich komponentów od niej zależnych.

## Układanie komponentów (layout)

Na sekcji można zdefiniować layout analogicznie do layoutu dla strony wniosku (więcej w: [Zmiana szerokości komponentów (layout)](/budowanie-aplikacji/interfejs-uzytkownika/formularze/praca-z-komponentami-bazowymi/zmiana-szerokosci-komponentow.md)).

## Dynamiczne zasilanie tytułu sekcji

Tytuł sekcji można zasilać dynamicznie np. za pomocą zmiennych sesyjnych. Jeżeli we właściwości *title* wpiszemy zmienną sesyjną w postaci `${sessionVariableName}` to tytuł sekcji będzie przyjmował wartość zmiennej sesyjnej i za każdym razem kiedy zmieni się wartość tej zmiennej, zmieni się również tytuł sekcji.

Innym sposobem dynamicznego zasilania tytułu sekcji jest wykorzystanie właściwości **Dynamiczny tytuł sekcji** ([Sekcja - dynamiczne tytuły sekcji](/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/0-struktura-i-nawigacja/sekcja-section/sekcja-dynamiczne-tytuly-sekcji.md)). W wyświetlonym oknie każdy kolejny tytuł dodajemy po kliknięciu przycisku **Dodaj dynamiczny tytuł sekcji**. W kolumnie **KLUCZ TYTUŁU** należy podać zdefiniowany wcześniej w zakładce **Tłumaczenia** klucz. Wartość klucza wyświetli się automatycznie w kolumnie **PODGLĄD**. Warunek definiujemy zgodnie z opisem w [Zaawansowany edytor warunków](/budowanie-aplikacji/logika-biznesowa/jezyk-wyrazen-definiowania-warunkow-warunki-z-getvalue/zaawansowany-edytor-warunkow.md).

<figure><img src="/files/ec2326bfe42809c4c00f79123bb15c31a2db78ee" alt=""><figcaption><p><em><strong>Ilustracja 1.</strong> Okno definiowania warunkowych tytułów sekcji.</em></p></figcaption></figure>

We właściwości **Dynamiczny tytuł sekcji** definiowane są warunki dla jakich tytuł sekcji ma ulec zmianie. Jeśli warunek `getValue("@GesCheckbox1")=="Y"` zostanie spełniony (czyli Checkbox1 przyjmie wartość Y - zostanie zaznaczony) to tytuł sekcji przyjmie wartość (**PODGLĄD**) wskazaną dla zdefiniowanego klucza **KLUCZ TYTUŁU** (czyli w tej sytuacji spełnienie warunku ustawia tytuł sekcji na *"Tytuł zmieniony po kliknięciu ..."*). Jeśli warunek nie zostanie spełniony, wyświetlany będzie tytuł podany we własności **Tytuł**.

<figure><img src="/files/f298767d95fa79393f976e055d1d509f0d89aec2" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/a17acdd59a298f9a00e220b36a3a56ddb616b70c" alt=""><figcaption><p><em><strong>Ilustracja 2 i 3.</strong> Dynamiczne zasilanie tytułu sekcji - podgląd na wniosku.</em></p></figcaption></figure>

## Sekcja z możliwością zwijania/rozwijania

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

Dla sekcji dostępne są dwa typy prezentacji zwijania/rozwijania (właściwość **Reprezentacja graficzna pola**):

* **STANDARD** - sekcja zwijana/rozwijana za pomocą przycisku umiejscowionego na końcu sekcji

<figure><img src="/files/BmieGo7cQHkdaHPzNXWW" alt="" width="563"><figcaption></figcaption></figure>

* **LABELS** - sekcja (bez tytułu!) zwijana/rozwijana za pomocą tekstu ustawianego w **Etykieta przycisku zwinięcia/rozwinięcia sekcji**.

<div data-with-frame="true"><figure><img src="/files/RSo2EofKCAIA87plkFah" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="info" %}
W przypadku wystąpienia błędu walidacji na komponentach, które znajdują się wewnątrz zwiniętej sekcji, użytkownik nie zostanie w żaden sposób powiadomiony i jednocześnie nie będzie mógł przejść na kolejną stronę. Rolą projektanta wniosku jest dostarczenie odpowiedniego walidatora na stronie.
{% endhint %}

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/0-struktura-i-nawigacja/sekcja-section.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.