Close lightbox on submit form

  • installer.ie
    Asked on January 25, 2021 at 11:05 AM

    Hi I wonder if you can help me I have the form embedded in a lightbox on my website and does exactly what it's supposed to do opens up when someone lands on that webpage page but when you click the submit it does not close the window 

    is there a way of fixing this and when I redivert the page to the website it automatically opens up the page again can you help, please links attached

    https://www.installer.ie/tv-installation

    https://www.installer.ie/saorview


    Thanks in advance 


    Philip Bennett

    Installer.ie

  • VincentJay
    Replied on January 25, 2021 at 1:50 PM

    Hello,

    You can update your form thank you page settings and redirect your users to the website link you provided. Here's a guide that you can follow: https://www.jotform.com/help/38-redirecting-users-to-a-different-page

    If you want to redirect the user based on their answer, you can create a Thank You page condition. The redirect URL will change based on the user's answer. Please check my demo form: https://form.jotform.com/200716369668061

    Here's the guide for Thank You page condition: https://www.jotform.com/help/317-change-thank-you-page-url-based-on-a-condition

    Please give it a try and let us know if you need further help. Thank you!

  • installer.ie
    Replied on January 25, 2021 at 2:10 PM

    Sorry I thought I was being clear 😬 not to sure

    I need the box to close or does not it's on the page I want it now please see the links attached above I need the box to close on the submit button being pressed is there code to do this please check links first to see what happens I have supplied the links above thanks in advance is there a faster way to get support? A phone no? Is please help

    I seen this in a thread is this possible? closeOnSubmit:true


  • VincentJay
    Replied on January 25, 2021 at 3:25 PM

    Sorry for the confusion.

    You need to disable this option on your LightBox settings if you do not want to load it to your form automatically. Please watch my screencast guide:

    1611605878 600f27763c36b bsr32 Screenshot 10

    But, if you want the LightBox to appear at the first time when the user opens the website, you need to follow this guide: https://www.jotform.com/help/378-auto-popup-lightbox-embed-form-with-cookie-using-javascript

    In the guide, the Lightbox will appear automatically for the first time visit but not on the second or other visits to your website per PC. Is that what you're looking for?


  • installer.ie
    Replied on January 25, 2021 at 3:43 PM

    I'm going to have a different one on each page so will that work that could be 5 forms and total tabs for different pages on the website??

    thanks in advance


    ps i also found this highlighted the bit in red


    JotForm Support

    abajan

    Answered on March 26, 2013 at 06:29 AM

    The code provided by the Embed Form Wizard can be edited to prevent closure when the user clicks outside of the lightbox but having it close upon submission would require downloading the form files (see step 4 of this guide) and editing the form's script. Of course, the $64,000 question is what to change in the script! However, I will submit a ticket requesting that a parameter similar to openOnLoad:true (perhaps closeOnSubmit:true) be made available, so there would be no need to download and tinker with the form script.

    In the meantime, to prevent closure when outside of the lightbox is clicked, remove the "2", highlighted below, from the src attribute of the lightbox code:

    http://cdn.jotfor.ms/static/feedback2.js?3.1.2371

    If you need further help, please let us know.

    Thanks.


  • VincentJay
    Replied on January 25, 2021 at 5:16 PM

    Hi,

    Just to clarify, you want to add 5 forms to each page using Lightbox embed?

    It looks like an old post from 2013. Also, I think Abajan is requesting a feature/ticket request for that code to add it to the Lightbox option. Could you please share the thread link so we can read all the content of the ticket?

    We'll wait for your response. Thank you!

  • installer.ie
    Replied on January 25, 2021 at 5:22 PM
  • Kenneth JotForm Support
    Replied on January 25, 2021 at 10:05 PM

    Hi there,

    You add the closeOnSubmit:true into your Lightbox embed code as demonstrated on this guide: https://www.jotform.com/help/378-auto-popup-lightbox-embed-form-with-cookie-using-javascript

    For example, for this form:

    1611630287 600f86cfa7c27 e1 Screenshot 10

    <script src ="https://form.jotform.com/static/feedback2.js" type="text/javascript"></script><script type="text/javascript">

    var JFL_210233759651051 = new JotformFeedback({

    formId: '210233759651051',

    base: 'https://form.jotform.com/',

    windowTitle: 'TV Installation Estimate',

    background: '#ffffff',

    fontColor: '#d0021b',

    type: '1',

    height: 500,

    width: 300,

    openOnLoad: true,

    closeOnSubmit:true

    });

    </script>

    Let us know how it goes.

    Best.