Popup is a popup box, which displays the content, when the user clicks on the element by using the popup class.
The size of the popup varies on different devices. On phones, it will display fullscreen and on tablets, it will display with 630px width and height. You can add tablet-fullscreen class to make fullscreen size on tablets.
You can open and close the popup in two ways as specified in the following table −
You can open and close the popup by using classes and data attributes.
|S.No||Event||Target & Description|
When you open an animation, this event will get fired.
When the opening of an animation is completed, this event will get fired.
When you close an animation, this event will get fired.
When the closing of an animation is completed, this event will get fired.
You can also create a dynamic popup by using its HTML to App methods. Here is an example.