How to position a popup

Placing a popup in a screen corner instead of screen center

Nir avatar
Written by Nir
Updated over a week ago

By default, popups appear at the center of the screen.
If you would like a popup to appear at the corner of the screen use this technique:
Add action 'Run javascript code' to the popup rule.

In the box called "Javascript code to run after rules:" put this code:

jQuery('#cbar_popup_%rule_id%').css('left','auto');
jQuery('#cbar_popup_%rule_id%').css('top','auto');
jQuery('#cbar_popup_%rule_id%').css('right','30px');
jQuery('#cbar_popup_%rule_id%').css('bottom','30px');
jQuery('#cbar_popup_%rule_id%').attr('dont_reposition','true');

This example positions the popup at the bottom right of the screen 30 pixels from the corner. You can change the parameters according to your needs.

This is how it looks as part of the rule:

The popup will now appear in the desired location.
โ€‹

Did this answer your question?