How to trigger a Modal Popup on the click of an Interactive Banner 2 and from a text of any module’s text editor?

Have you ever faced any difficulty while triggering modal popup from Interactive Banner 2 on responsive devices?

You can trigger a Modal Popup on Small Devices as you do on large devices, just follow the steps mentioned below to achieve this requirement.

To open modal popup on click of Interactive Banner 2 on responsive devices

Step 1. Add a custom class in the Interactive Banner 2 Module’s Advanced Tab.

Step 2. In the Modal Popup module’s Custom Class/ID append the “.uabb-ib2-outter” to your custom class i.e .open-popup.

This setting will trigger the Modal popup on an image click of an Interactive Banner 2 on a mobile device. And thereby ensuring that popup is working properly on all the devices.

How to open modal popup on click of content (specific word/line of texts) in the text editor of any module

You can trigger modal popup on content (word/sentence)  or trigger from any BB / UABB module’s text editor with UABB Modal Popup.

Step 1. Add a custom class to the required Module’s Advanced Tab.

Step 2. Assign another custom class to the word/sentence which is required to trigger a modal popup from the text editor.

Step 3. In the Modal Popup module’s Custom Class/ID add both the classes in the following sequence.

The first class will be the custom class of that particular module and the second one will be used to trigger the word/sentence.

Publish these settings and now the popup will be triggered on that word/sentence from any module’s text-editor.

For opening a Modal Popup on Dual Button you would need to follow steps mentioned above and just add the classes in the following manner -> https://goo.gl/bXKAp3 and -two for the second modal Popup.

Note:- You can trigger the Modal Popup from any other module, you just need to check for the class from the Browser’s inspector on which class the Modal popup needs to be triggered.