# Popup

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

A component that allows 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 the Source  | Description                                                                                                                                                                                                                                                |
| ------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Title</strong><br>(section <strong>Basic properties</strong>)</p>                                                               | title                         | The popup title. Variables can be resolved in the title, e.g. *${sessionVariableName}* or *${GesTextField1}.*                                                                                                                                              |
| <p><strong>The text displayed on the button that saves and closes the window</strong><br>(section <strong>Basic properties</strong>)</p>   | closeLabel                    | The text displayed on the button used to save data in the popup while closing 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>The text displayed on the button that cancels and closes the window</strong><br>(section <strong>Basic properties</strong>)</p> | cancelButtonLabel             | The 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 a 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   | Disables 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 | Disables closing the 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 made 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 saving 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 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 personal data processing information</em></p></figcaption></figure>

{% hint style="info" %}
Demo requests: demoPopup
{% 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/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/6-interakcje-i-akcje/popup.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.
