Lightbox form Loading - but not all the way

  • AdminRSCM
    Asked on February 9, 2017 at 12:36 PM

    Please take a look at my site to see why the lightbox form isn't loading all the way on my site?

     

    Click the button to load form:

     

  • BJoanna
    Replied on February 9, 2017 at 2:04 PM

    I have inspected your webpage once I clicked on the button blank form is shown. However when I close that form another form is shown. 

    Lightbox form Loading   but not all the way Image 1 Screenshot 20

    This code is added twice to your webpage: 

    <script src="https://form.jotform.com/static/feedback2.js?3.3.REV" type="text/javascript"> var JFL_70394942446160 = new JotformFeedback({ formId: '70394942446160', base: 'https://form.jotform.com/', windowTitle: 'KneeVisc-5 Application', background: '#002d56', fontColor: '#FFFFFF', type: 'false', height: 500, width: 700, openOnLoad: false }); </script>

    and because of that form is loaded two times. Please remove one. That should resolve your issue.

    Let us know if you need further assistance.

  • AdminRSCM
    Replied on February 9, 2017 at 4:22 PM

    ok makes sense. I want the form to pop out more than once on the page. Do  i need to duplicate the form in jotform and use the new code?

  • BJoanna
    Replied on February 9, 2017 at 5:36 PM

    If you want to have same Lightbox form more than once on the page, you do not need to clone it and add new form.

    You will need to add script part of the code only once:

    <script src="https://form.jotform.com/static/feedback2.js?3.3.REV" type="text/javascript"> var JFL_70394942446160 = new JotformFeedback({ formId: '70394942446160', base: 'https://form.jotform.com/', windowTitle: 'KneeVisc-5 Application', background: '#002d56', fontColor: '#FFFFFF', type: 'false', height: 500, width: 700, openOnLoad: false }); </script>

    and you can call the form multiple times by using this part of the code:

    <a id="formbtn" class="btn lightbox-70394942446160 et_pb_promo_button et_pb_button" style="margin-top: 16px;">Click here to submit an application for more information.</a>

    Hope this will help. Let us know if you need further assistance.