Showing the component needs an opener (an icon or button) which sets the shown attribute.
[%var icon = document.getElementById("some-icon");
icon.addEventListener("click", function() {
document.getElementById("some-popup").shown = 1;
});
%]
Any click or touch outside the popup hides the popup.
Attributes
Coding name
origin
Mandatory
0
Value space
* %center%: the popup appears in the center of the window (default)
* %top%: the popup slides in from the top
* %left%: the popup slides in from the left
* %bottom%: the popup slides in from the bottom
* %right%: the popup slides in from the right
* %element%: pass an element or selector to show
Default value
By default the pop up appears in the center.
We are sorry
This page cannot be displayed in your browser. Use Firefox, Opera, Safari, or Chrome instead.