How to Customize your Popup Opening and Closing with JS and CSS custom code(s)
We have an incredible option for our users who have coding skills to be able to customize the popup behavior.
You may add your custom codes to trigger specific actions related to the popup showing. Code your own popup with additional options and functionality.
We give you an opportunity to add your custom code during those events in a way that can meet your needs.
To see the relevant options you should have at least one popup created.
Then you will see the Custom JS and CSS option. In the special boxes in the JS window, you can add/write your custom code .
There are 3 scenarios that can happen with the popup regarding the opening and closing processes:
Before opening #1
During #2
After it has already opened #3
We give you an opportunity to add your custom code during those events in a way that can meet your needs.
Then you also can write the CSS script for the styling of your popup.
Note: In the Before opening #1 box, you can define any action that you wish to be done by using:
- return true; (this will allow the popup to be opened)
- return false; (this won't allow the popup to be opened) codes.
You may add your custom codes to trigger specific actions related to the popup showing. Code your own popup with additional options and functionality.
We give you an opportunity to add your custom code during those events in a way that can meet your needs.
To see the relevant options you should have at least one popup created.
Then you will see the Custom JS and CSS option. In the special boxes in the JS window, you can add/write your custom code .
There are 3 scenarios that can happen with the popup regarding the opening and closing processes:
Before opening #1
During #2
After it has already opened #3
We give you an opportunity to add your custom code during those events in a way that can meet your needs.
Then you also can write the CSS script for the styling of your popup.
Note: In the Before opening #1 box, you can define any action that you wish to be done by using:
- return true; (this will allow the popup to be opened)
- return false; (this won't allow the popup to be opened) codes.
Updated on: 31/05/2022
Thank you!