How to Trigger Off-Canvas from any Beaver Builder module?

The Ultimate Addons for Beaver Builder now also comes with an Off-Canvas module that can be displayed on the click of a button, icon, or through any other module. Previously you could only trigger a Modal Popup but now you will be able to display Templates in the Off-Canvas.

In order to display an Off-Canvas from another module, you will have to use a unique class name or ID that is shared between the Off-Canvas and the respective widget.

Here are the steps you need to follow:

Step 1: In the Off-Canvas widget settings, under the Display settings tab, select to display the canvas on a Custom Class / ID.

• For Custom Class – Enter the unique class name in the text box. Note: Do not add a dot ” . ” before the class name.
• For Custom ID – Enter the unique ID in the text box. Note: Do not add a hash character(#) before the ID.

Step 2: Make sure the same class name is entered in the Advanced Settings tab of the module you wish to use.

For example, we are using the Call to Action module above. Take a look at the screenshot below.

Note: This method will display the Off-Canvas on the click of the Call to Action or any other module you apply the Custom class name/ID for.