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

    Will the lightbox form work with a JS slider?

    Asked by darthschrader on May 17, 2012 at 01:13 AM

    In the header of the page is a "Get Started Today" button that opens the jotform in a lightbox just fine. The problem is, when I add the jotform lightbox script, it seems to be conflicting with the slider (you can see the arrows spinning, but the images won't load).

    Is it possible to make these both work on the page?

    Also, this is a WP site running a pluging called 'easing slider' if that helps.

    Page URL:
    http://www.traffixmarketing.com/

  • Profile Image

    Answered by darthschrader on May 17, 2012 at 12:41 PM

    If anyone has a solution to this, I'd appreciate it, but for now, I'm just going to run the popup window so my site works. I'd still love to use the lightbox though if anyone has a workaround!

    Thanks

  • Profile Image
    JotForm Support

    Answered by jonathan on May 17, 2012 at 07:07 PM

    Hi darthschrader,

    Can you please try changing the lightbox script to this:

     

    <script src="//form.jotformpro.com/min/g=feedback" type="text/javascript">

    new JotformFeedback({

    formId:'21368338145960',

    base:'http://form.jotformpro.com/',

    windowTitle:'Traffix Evaluation',

    background:'#FFA500',

    fontColor:'#FFFFFF',

    type:2,

    height:500,

    width:700

    });

    </script>

    I also use this for the embed link:
    <a class="lightbox-21368338145960" style="cursor:pointer;"><img src="//www.traffixmarketing.com/wp-content/uploads/GetStarted1.png" width="360" height="80"/></a>
    You can also check my test site here.
    You can view the source code to check how I did it.
    I just change feedback2  into feedback . I noticed that there is a jquery noconflict() function in your web page. The new feedback2 was supposed to address the jquery conflict with jotform prototype, somehow there is still a confilct on this case, so, I reverted it to previous feedback version.
    Please inform us if the lightbox did not work. Thanks.
  • Profile Image

    Answered by darthschrader on May 17, 2012 at 08:27 PM

    It works! Thank you for your help! The lightbox looks so much better and the slider is working fine too! You're awesome!

  • Profile Image
    JotForm Support

    Answered by jonathan on May 17, 2012 at 09:44 PM

    Glad it works. =) Thank you for updating us.