jotform lightbox conflict with fancybox

  • Profile Image
    billwoodman
    Asked on June 06, 2011 at 06:38 PM

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

  • Profile Image
    allanftd
    Answered 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
    billwoodman
    Answered 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
    billwoodman
    Answered 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
    NeilVicente
    Answered 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
    billwoodman
    Answered 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!