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 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 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 the 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');
}