Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 11, 2016 at 4:54 pm #611451
    1039 Online

    I want a button to open an Enfold Contact Form in a modal lightbox. I’ve looked at the post https://kriesi.at/support/topic/contact-form-in-pop-up-prettyphoto-issue/#post-304173 which gives me most of the direction I need. However, I haven’t figured out how to set the class on the link of the button, i.e., . I turned on custom classes for ABL elements, but that provides a custom class for the button, not for the link, so the popup doesn’t work.

    April 11, 2016 at 5:08 pm #611460
    Jordan

    Hey 1039 Online!

    Thanks for getting in touch with us!

    Adding a class to the link is the second step in the post you referred to.

    <div id="test-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT HERE</p>
</div>

<a class="open-popup-link" href="#test-popup">Show inline popup</a>

    If you realize the tag is what has a class of .open-popup-link and needs to be added as your button’s link. Currently on your page the text “Show inline popup” does what the button should do. So add <a href="#test-popup"></a> to the link section of the button.

    Best regards,
    Jordan

    April 11, 2016 at 5:39 pm #611476
    1039 Online

    Jordan,

    Thanks for responding. I had added “#test-popup” to the link field in the button element settings (see screenshot: http://snag.gy/HTxnt.jpg) but still don’t see how to add the class to the link.

    April 11, 2016 at 5:46 pm #611478
    Jordan

    Hey!

    Thanks for getting back to me!

    Try adding the following in the link field instead:

    <a class="open-popup-link" href="#test-popup"></a>

    If you are still having issues, could you please provide login details to your site, so that we can have a closer look. You can place the information in the Private Content section of your reply.

    Best regards,
    Jordan

    April 11, 2016 at 5:54 pm #611480
    1039 Online

    Jordan,

    I added the code you mentioned to the link field, but it did not work. The Private Content section has login info.

    April 13, 2016 at 8:06 pm #613167
    1039 Online

    Any update on this? Thanks.

    April 13, 2016 at 9:22 pm #613219
    Basilis

    Hey!

    can u please update enfold to the latest version and try again?
    Thanks a lot

    Best regards,
    Basilis

    April 13, 2016 at 10:46 pm #613279
    1039 Online

    Just updated to latest version. Button still does not open modal contact form.

    April 17, 2016 at 4:36 am #615656
    Ismael

    Hey!

    Why did you add the link inside a button element link?

    <a href="<a class=&quot;open-popup-link&quot; href=&quot;#test-popup&quot;></a>" class="avia-button  avia-icon_select-no avia-color-theme-color avia-size-large avia-position-center "><span class="avia_iconbox_title">Ask a Question </span></a>

    Please add the html markup in a text or code block.

    Regards,
    Ismael

    June 20, 2017 at 9:52 am #810256
    a3brown4

    Did this ever get solved? He wanted to add the link inside the button element so that the modal popup would open on click of the button. Not a text link.

    Ismael – The code given provides a dead link.

    • This reply was modified 7 years, 5 months ago by a3brown4.
    June 20, 2017 at 6:55 pm #810592
    Victoria

    Hi a3brown4,

    If you need some help, please start a new thread, describe your issue there and give us a link to your website.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.