Make Submit Button Cause Pop-Up Form

Home Forums Quform WordPress Make Submit Button Cause Pop-Up Form

This topic is: resolved
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #33253
    Perb Pappertini
    Participant

    Hello – How can I make QuForm’s send/submit button cause a QuForm pop-up? 🙂

    #33254
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #33256
    Perb Pappertini
    Participant

    Hi Ally – I’d like to submit the form then show a pop-up. I followed the link you indicated and found this code:

    jQuery(function ($) {
    $(‘.quform-form-1’).on(‘quform:successStart’, function (e, form, confirmation) {
    // Custom code
    });
    });

    But where do I insert that code in order to have my pop-up come up only on one particular form?

    #33267
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #33279
    Perb Pappertini
    Participant

    I’m mixed up – Help me a bit more and be patient with me? Here’s what I need:
    – I need my submit button on form 2 to cause form 4 to pop-up.

    Here’s what I put in Custom Javascript:
    jQuery(function ($) {
    $(‘.quform-form-2’).on(‘quform:successStart’, function () {
    $.fancybox({
    href: ‘#form-submit-popup’
    });
    });
    });

    Here’s what I put in an HTML field on form 4:
    <div style=”display: none;”>
    <div id=”form-submit-popup”>Content</div>
    </div>

    How should I set the Confirmation on form 2? Nothing’s working. Please help! 🙂

    #33282
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #33291
    Perb Pappertini
    Participant

    PERFECT! Thank you!

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy