# Popup

{% hint style="info" %}
The availability of functionality depends on the license and may not be available in all deployments.
{% endhint %}

Component allowing components to be displayed on a layer.

<figure><img src="https://2112972046-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>

## Component properties <a href="#id-santander-popupwlasciwosci-wlasciwoscikomponentu" id="id-santander-popupwlasciwosci-wlasciwoscikomponentu"></a>

| Eximee Designer property                                                                                                                 | Attribute name in Source      | Description                                                                                                                                                                                                                                              |
| ---------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Title</strong><br>(section <strong>Basic properties</strong>)</p>                                                             | title                         | Popup title. It is possible to resolve variables in the title, e.g. *${sessionVariableName}* or *${GesTextField1}.*                                                                                                                                      |
| <p><strong>Text displayed on the button that saves and closes the window</strong><br>(section <strong>Basic properties</strong>)</p>     | closeLabel                    | Text displayed on the button used to save data in the popup and close the window at the same time. Variables can be used in the button text. If the field is not filled in, the button will have the default value "Save".                               |
| <p><strong>Text displayed on the button that cancels and closes the window</strong><br>(section <strong>Basic properties</strong>)</p>   | cancelButtonLabel             | Text displayed on the button used to close the popup without saving the data contained in it. The visibility of this button is determined by the property **showCancelButton**. If the new label is not defined, the button will have the text "Cancel". |
| <p><strong>Condition for disabling the popup close button</strong><br>(section <strong>Basic properties</strong>)</p>                    | disableCloseButtonCondition   | Disabling the popup close buttons ("x" in the title bar and the "close" type button).                                                                                                                                                                    |
| <p><strong>Condition for disabling popup closing by clicking on the backdrop</strong><br>(section <strong>Basic properties</strong>)</p> | disableBackdropClickCondition | Disabling closing of a given popup by clicking on the backdrop.                                                                                                                                                                                          |
| <p><strong>Show cancel button</strong><br>(section <strong>Basic properties</strong>)</p>                                                | showCancelButton              | A flag that determines whether to display the "Cancel" button, which allows the popup to be closed without saving the changes entered in it. Default value: 'false'.                                                                                     |
| <p><strong>Save button active despite validation errors</strong><br>(section <strong>Basic properties</strong>)</p>                      | saveButtonAlwaysActive        | A flag that determines whether the button that saves data in the popup should always be active (value 'true') or only when there are no validation errors in the popup (value 'false'). Default value: 'false'.                                          |

> More information about the component properties: [Common component properties](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/praca-z-komponentami-bazowymi/wspolne-wlasciwosci-komponentow)

![Figure 1. Example appearance of the component](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/j3FGrA9PkVhPkWlw2x3p/22s_files/image2025-5-21_13-29-30.png)

<figure><img src="https://2112972046-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>Figure 2.</strong> Example appearance of the component with information about personal data processing</em></p></figcaption></figure>

{% hint style="info" %}
Demo conclusions: demoPopup
{% endhint %}