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 addon. |
| Page Title | A title of a corresponding page to be opened. |
| Additional classes | This option allows user to add additional classes. |
| Popup top position | This option allows to set top position. The value represents the distance between top of a player and 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 to set left position. The value represents the distance between left of a player and popup. If a value is not provided, the popup will be placed in the center of the visible horizontal player space. |
Supported commands
| Command name | Params | Description |
|---|---|---|
| hide | --- | Hides the module. |
| show | --- | Shows the module. |
Events
The module sends events to Event Bus when a user clicks on 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');
}