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

    jotform lightbox conflict with fancybox

    Asked by billwoodman on June 06, 2011 at 06:38 PM

    How can I get both of these to work on the same page?

    Page URL:
    http://www.woodmancontracting.com/contact.html

  • Profile Image

    Answered by allanftd on June 07, 2011 at 02:10 AM

    Hi billwoodman,

    Thank you for posting your inquiry. A quick workaround that I could think of right now is to create a new webpage consisting of two components:
    - the Feedback button script from JotForm
    - an Iframe tag to embed your website

    Please click here to see this page in action. To do this, just create a new blank web page and paste the following code:

    <html>
    <body><iframe src="http://www.woodmancontracting.com/contact.html" frameborder=0 width=100% height=1250 scrolling=auto align=middle></iframe>
    <script src="//www.jotform.com/min/g=feedback" type="text/javascript">
    new JotformFeedback({
    formId: "91624135992",
    buttonText: "Email Me",
    base: "http://www.jotform.com/",
    background:'#525252',
    fontColor:'#FFFFFF',
    buttonSide: "top",
    buttonAlign: "right",
    type:1,
    width: 700,height: 350});
    </script>
    </body>
    </html>
    Note: This is a simplified code. You can further customize it (i.e. add a background image) according to your specific needs.

    In this setup, the fancybox script and JotForm Feedback Form script should not interfere with each other since they belong to different pages. Please try this and let us know if it will work for you or not.

    Thank you for using JotForm and for the opportunity to help you today!

    JOTFORM SUPPORT


  • Profile Image

    Answered by billwoodman on June 07, 2011 at 01:04 PM

    I need this to work with the contact form in my account and not the feedback or is it the same method for both?

  • Profile Image

    Answered by billwoodman on June 07, 2011 at 01:09 PM

    Also if you look at http://www.woodmancontracting.com/contact.html page I have used the light box script but I have the link to it placed in the clipboard image can I still achieve this with your method?

  • Profile Image
    JotForm Support

    Answered by NeilVicente on June 07, 2011 at 07:31 PM

    Hi,

    Sorry for interfering, but can you specifically tell us the reason for the need to embed a lightbox while using a fancybox?

    As far as I can see, the fancybox plugin (or script) you're using is doing its job pretty well. I do think it would be redundant to use both methods in your page.


    Neil

  • Profile Image

    Answered by billwoodman on June 08, 2011 at 09:49 AM

    Yes you are right I will stick to using just the fancy-box iframe method on both images. Thank You!