Should the progress bar widget work with lightbox?

  • Pumpstock
    Asked on November 7, 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.

  • Charlie
    Replied on November 7, 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.

    Should the progress bar widget work with lightbox? Image 1 Screenshot 20

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

    We'll wait for your response.

    Thank you.

  • Paul
    Replied on November 7, 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.

  • Charlie
    Replied on November 7, 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.