Documentation
Open Popup Button
Description
Opens a corresponding popup window.
Properties
The list starts with the common properties. Learn more about them by visiting the Modules description section. The other available properties are described below.
| Property name | Description |
|---|---|
| Title | A title displayed inside the module. |
| Page Title | A title of a corresponding page to be opened. |
| Additional classes | This option allows the user to add additional classes. |
| Popup top position | This option allows setting the top position. The value represents the distance between the top of a player and the popup. If a value is not provided, the popup will be placed in the center of the visible vertical player space. |
| Popup left position | This option allows setting the left position. The value represents the distance between the left of a player and the popup. If a value is not provided, the popup will be placed in the center of thevisible horizontal player space. |
Supported commands
| Command name | Params | Description |
|---|---|---|
| hide | --- | Hides the module if it is visible. |
| show | --- | Shows the module if it is hidden. |
Events
The module sends events to the Event Bus when the user clicks it.
| Field name | Description |
|---|---|
| Value | clicked |
CSS classes
| Class name | Description |
|---|---|
| .ic_button_popup | Indicates the look of the popup button. |
| .ic_button_popup-up-hovering | Indicates the look of the popup button on mouse hover. |
| .ic_button_popup-down-hovering | Indicates the look of the popup button on mouse click. |
Examples
1.1. Popup:
.ic_button_popup {
background-image: url('/file/serve/117040');
background-repeat: no-repeat;
background-position: center;
}
1.2. Popup — up-hovering:
.ic_button_popup-up-hovering {
background-image: url('/file/serve/117041');
}
1.3. Popup — down-hovering:
.ic_button_popup-down-hovering {
background-image: url('/file/serve/123001');
}