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

    adding multiple lightbox popups to same page

    Asked by dje0624 on September 12, 2011 at 04:32 PM

    Hi I am trying to add about 4 lightbox popup forms to a static html page. My question is how can I integrate all the code so it plays nicely. I dont understand jquery yet so I could use some help. Im wondering if it would be as easy as adding all the id's into an array of some sort.

    I have 3 payment forms and 1 contact form if that makes a difference.

     

    Thanks in advance

    Page URL:
    localhost

  • Profile Image
    JotForm Support

    Answered by abajan on September 13, 2011 at 05:17 AM

    Hi dje0624

    Thanks for asking. In order to accommodate some browsers, if you want to add multiple lightboxes to a page, only call the script in the first lightbox (the src="//www.jotform.com/min/g=feedback" part) as explained by my colleague Liyam in the thread "Lightbox and Feedback button not working in IE8". (Neil's advice in the said thread may also prove useful.)

    You stated that the page in which you are embedding the lightboxes is static HTML but there was also mention of jQuery. Is jQuery being referenced on the page? If so, adding the lighboxes may cause the jQuery based scipts to malfunction or vice-versa because JotForm uses the Prototype framework and the two don't play nicely together :) Should you run into problems after adding the lightboxes, please see "HELP - Javascript conflict" for a possible solution.

    If you require additional help with this or any other aspect of your forms, be sure to let us know. Our team will be happy to assist you as best as we can.

    Regards,


    ~ Wayne

    P.S. In the case of multiple feedback buttons, use this format.