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

    Lightbox embed code conflicts with JQuery home page slider

    Asked by Divya  on May 03, 2016 at 05:45 AM

    Hi,

    I have applied jotform in my site. And i put that jotform code in HTMLHead.html template. But it get conflict with my home page slider. I tried keeping my code in header.html as well as footer.html, but it does not solve my problem. The jotform is applied as a lightbox. It gets open when you click on "REQUEST A QUOTE FOR THIS ITEM". The link is given below.

    Please provide me a solution for this.

    Page URL:
    http://prairie-mountain-furniture.mybigcommerce.com/2-door-lodge-cupbo<br/>ard/

  • Profile Image
    JotForm Support

    Answered by Boris on May 03, 2016 at 07:50 AM

    It sounds like there was a scripting conflict between the JQuery scripts of your website, and the JQuery lightbox scripts of the embedded form.

    It seems that you have worked around the issue, and your website is currently using the source code version of your form, added inside an element with ID of #light:

    I see that prior to using the source code version of your form, you were using the following lightbox embed code:

    <script src="https://form.jotform.me/static/feedback2.js?3.3.REV" type="text/javascript">
          var JFL_61102417389453 = new JotformFeedback({
            formId: '61102417389453',
            base: 'https://form.jotform.me/',
            windowTitle: 'Message Contact Form',
            background: '#e26324',
            fontColor: '#FFFFFF',
            type: 'false',
            height: 552,
            width: 700,
            openOnLoad: false
          });
        </script>

    Can you please try using the feedback.js without the number 2 in it, so that your code would become:

    <script src="https://form.jotform.me/static/feedback.js?3.3.REV" type="text/javascript">
          var JFL_61102417389453 = new JotformFeedback({
            formId: '61102417389453',
            base: 'https://form.jotform.me/',
            windowTitle: 'Message Contact Form',
            background: '#e26324',
            fontColor: '#FFFFFF',
            type: 'false',
            height: 552,
            width: 700,
            openOnLoad: false
          });
        </script>

    The feedback2.js script version loads the lightbox by JQuery scripts, and feedback.js (without number 2) loads it with prototypeJS scripts. Please let us know if this resolves the conflict problem you were experiencing.