Lightbox form Loading - but not all the way

  • Profile Image
    AdminRSCM
    Asked on February 09, 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:

     

  • Profile Image
    BJoanna
    Answered on February 09, 2017 at 02: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. 

    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.

  • Profile Image
    AdminRSCM
    Answered on February 09, 2017 at 04: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?

  • Profile Image
    BJoanna
    Answered on February 09, 2017 at 05: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.