Support » Plugin: SiteOrigin Widgets by CodeLights » Trigger modal with custom button

  • Hi there,

    I want to create a custom button, that launches the modal window.

    Is there any way, to bind an class via jquery to open the modal?

    Regards,
    Florian

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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

    Plugin Author Ruslan Sukhar

    (@rsukhar)

    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 2 months, 2 weeks ago by  Zoker.
Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.