# Popup

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

Komponent pozwalający na prezentację komponentów na warstwie.

<figure><img src="https://1082717226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2FzEDso5ugahR2CW26JwRO%2Fobraz.png?alt=media&#x26;token=60f7cfaf-b330-4ea7-999f-b7f741d6ff8a" alt=""><figcaption></figcaption></figure>

## Właściwości komponentu <a href="#id-santander-popupwlasciwosci-wlasciwoscikomponentu" id="id-santander-popupwlasciwosci-wlasciwoscikomponentu"></a>

| Właściwość Eximee Designer                                                                                                                     | Nazwa atrybutu w Źródle       | Opis                                                                                                                                                                                                                                                                   |
| ---------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Tytuł</strong><br>(sekcja <strong>Podstawowe właściwości</strong>)</p>                                                              | title                         | Tytuł popupu. Istnieje możliwość rozwiązywania zmiennych w tytule, np. *${sessionVariableName}* lub *${GesTextField1}.*                                                                                                                                                |
| <p><strong>Tekst wyświetlający się na przycisku, który zapisuje i zamyka okno</strong><br>(sekcja <strong>Podstawowe właściwości</strong>)</p> | closeLabel                    | Tekst wyświetlający się na przycisku służącym do zapisu danych w popup z jednoczesnym zamknięciem okna. Istnieje możliwość użycia zmiennych w treści przycisku. Jeśli pole nie zostanie wypełnione, przycisk będzie miał wartość domyślną "Zapisz".                    |
| <p><strong>Tekst wyświetlający się na przycisku, który anuluje i zamyka okno</strong><br>(sekcja <strong>Podstawowe właściwości</strong>)</p>  | cancelButtonLabel             | Tekst wyświetlający się na przycisku służącym do zamknięcia popupa bez zapisu znajdujących się w nim danych. Widoczność tego przycisku określa właściwość **showCancelButton**. Jeśli nowa etykieta nie zostanie zdefiniowana, to przycisk będzie miał treść "Anuluj". |
| <p><strong>Warunek wyłączenia przycisku zamykającego popup</strong><br>(sekcja <strong>Podstawowe właściwości</strong>)</p>                    | disableCloseButtonCondition   | Wyłączenie przycisków zamykających popup ("x" w belce tytułowej i przycisk typu "close').                                                                                                                                                                              |
| <p><strong>Warunek wyłączenia zamykania popupu poprzez kliknięcie w maskę</strong><br>(sekcja <strong>Podstawowe właściwości</strong>)</p>     | disableBackdropClickCondition | Wyłączenie zamykania danego popupu poprzez kliknięcie w maskę.                                                                                                                                                                                                         |
| <p><strong>Pokaż przycisk anuluj</strong><br>(sekcja <strong>Podstawowe właściwości</strong>)</p>                                              | showCancelButton              | Flaga, która określa, czy prezentować przycisk "Anuluj" umożliwiający zamknięcie popupa bez zapisania wprowadzonych w nim zmian. Domyślna wartość 'false'.                                                                                                             |
| <p><strong>Przycisk zapisz aktywny, mimo błędów walidacji</strong><br>(sekcja <strong>Podstawowe właściwości</strong>)</p>                     | saveButtonAlwaysActive        | Flaga, która określa, czy przycisk zapisujący dane w popup ma być zawsze aktywny (wartość 'true') czy dopiero wtedy, gdy w popupie nie ma błędów walidacji (wartość 'false'). Domyślna wartość 'false'.                                                                |

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

![Ilustracja 1. Przykładowy wygląd komponentu](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/j3FGrA9PkVhPkWlw2x3p/22s_files/image2025-5-21_13-29-30.png)

<figure><img src="https://1082717226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2Fn0IPhpO3lxxqM7Rd4nOx%2Fobraz.png?alt=media&#x26;token=e872eb10-2d9c-4fca-955b-3ae01c6c3dd6" alt=""><figcaption><p><em><strong>Ilustracja 2.</strong> Przykładowy wygląd komponetu z informacjami o przetwarzaniu danych osobowych</em></p></figcaption></figure>

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