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

    I want a Lightbox to open with my site's Button Style

    Asked by txtbookapp on May 03, 2016 at 12:47 PM

    Hi.

    I would like to have a Lightbox open using an existing button and button style that I use on my website. I have created the lightbox code and have pasted it into my HTML as follows:

     

        <script src="https://form.jotform.com/static/feedback2.js?3.3.REV" type="text/javascript">

          var JFL_33380115020134 = new JotformFeedback({

            formId: '33380115020134',

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

            windowTitle: 'txt-book | iPhone Order Form',

            background: '#4e4e4e',

            fontColor: '#FFFFFF',

            type: 'false',

            height: 800,

            width: 800,

    });

        </script>

     

          <a class="btn btn-lg btn-default">Use Our iPhone Service</a>

     

    The button appears on my website correctly, but when the button is clicked, the lightbox does not open.

     

    Please help!

    style site open
  • Profile Image

    Answered by Ben on May 03, 2016 at 02:05 PM

    Based on what you have mentioned it seems that you are experiencing issues with conflict on your website.

    What I would suggest is to add <script type="text/javascript">$.noConflict();</script> right before the lightbox code. that should protect it from the conflicting codes and allow it to work.

    Do however test it out and let us know how it goes.

  • Profile Image

    Answered by txtbookapp on May 03, 2016 at 03:40 PM

    Hi.

     

    This is what I have now.... and it still is not working. I cannot get the button to open the Lightbox. I am previewing the site in my browser. Does it need to be live to make it work? I'd prefer not to push it live until I have all the kinks worked out.

     

       

         <script type="text/javascript">$.noConflict();</script>

     

          <script src="https://form.jotform.com/static/feedback2.js?3.3.REV" type="text/javascript">

          var JFL_33380115020134 = new JotformFeedback({

            formId: '33380115020134',

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

            windowTitle: 'txt-book | iPhone Order Form',

            background: '#4e4e4e',

            fontColor: '#FFFFFF',

            type: 'false',

            height: 800,

            width: 800,

    });

        </script>

     

          <a class="btn btn-lg btn-default">Use Our iPhone Service</a>

  • Profile Image

    Answered by Carina on May 03, 2016 at 04:55 PM

    Can you create a test page so that we can inspect the real code and determine the causes of the conflict?

    Please try instead:

    <script>
    $.noConflict();
    // Lightbox code here
    </script>

    Let us know if the problem persists.