What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Should the progress bar widget work with lightbox?

    Asked by Pumpstock on November 07, 2014 at 10:04 AM

    I have added the widget and set the bar to stick to top of form. It works in preview but not live through lightbox.

    Page URL:
    http://www.pumpstock.co.uk/pump-type/boost-water-pressure

    progress bar preview and top lightbox
  • Profile Image
    JotForm Support

    Answered by Charlie on November 07, 2014 at 10:30 AM

    Hi,

    Upon checking the link that you have, it seems that the progress bar widget is already working in your website embedded with lightbox?

    Here's a screenshot of what I'm seeing.

    Let me know if I'm pointing to something different from what you have mentioned.

    We'll wait for your response.

    Thank you.

  • Profile Image

    Answered by Paul on November 07, 2014 at 10:41 AM

    Hi Charlie,
    Yes the progress bar is there but I have it set to stay at top of form. On my PC it disappears when I scroll down the form. I am guessing that you have scrolled back to top after completing the form?
    It does behave correctly in preview and when I use the URL in a browser but not in lightbox.

  • Profile Image
    JotForm Support

    Answered by Charlie on November 07, 2014 at 11:31 AM

    Hi,

    I'm sorry I missed that one.

    Please try this solution, on your lightbox embed form code:

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

    var JFL_43074035918354 = new JotformFeedback({

    formId:'43074035918354',

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

    windowTitle:'Pumpstock - Booster Pump Selection Form',

    background:'#0461A4',

    fontColor:'#FFFFFF',

    type:false,

    height:500,

    width:720,

    openOnLoad:false

    });

    </script>

    <a class="lightbox-43074035918354" style="cursor:pointer;color:blue;text-decoration:underline;">Pressure Boosting Pump Selection Form</a>

     

    Change the highlighted code in blue to just feedback. You will just remove the number "2" on it. Please try this using your lightbox embed code, then re-embed it on your website.

    Let us know if this works.

    Thank you.