Trigger modal with custom button

Hi Zoker,

I believe with their recent update you can specify it to be opened by a class name. Meaning you can create buttons with the same class name and it will open the modal ??

Before, I used to create the modal widget then use jQuery on another element to trigger “click” of the modal element.

Hope that helps,
Martin

Hello Zoker,

Blakwid0w’s right: in the latest update, I added the option to show Modal Popup after a custom element is clicked. You can specify the element by its class name.

Hope this helps!

Hi Ruslan,

That’s great news!
But unfortunately it does not work on my page:

Page is here: https://zkr.io/go/gareis

The button is directly placed on the left column on the first section.

The only things that happens, is that a dark background appears, but no content or anything.
Also the page reloads after the button click, which should not be the case I guess.

Thank you in advance!

Ok, so after more testing I found out, that I had to re-create the modal element within the vc editor. Now it works.

But the link opening issue still exists. So please prevent the button from opening the entered link, when the class is the trigger class of the modal (when I add an empty link, the page reloads on click, when I add a ‘#’ as link, the page jumps to the top of the page).

I got it to work with this code:

$(".trigger").click(function(e) {
    e.preventDefault();
});

But I don’t want to add this to every modal trigger I create.

• This reply was modified 7 years, 2 months ago by Zoker.