My JotForm Contact Form Displays Differently within IE vs. Chrome vs. Firefox

  • Profile Image
    xopherbuono
    Asked on May 02, 2015 at 04:35 PM

    My JotForm Contact Form displays differently within IE vs. Chrome vs. Firefox (at http://www.doctorhubkova.com/#xl_xr_page_contact.html). And, though the site adapts automatically to the screen/window size, the form does not.

    Can the be 'fixed'?

    TIA,

    Chris

  • Profile Image
    raul
    Answered on May 02, 2015 at 07:22 PM

    May I ask if you've used the guide here: http://www.xara.com/eu/widgets/v10/forms/ to embed the form in your site? I'm asking because the code I see in your site doesn't look like the ones we recommend.

    It seems like the parent div of the iframe is making it shrink based on the height of the screen like this.

    I suggest you to check the code you're using in your site and also to make the height fixed so you won't be seen this behavior when you're viewing your form on different browsers.

    Hope this helps.

    If you need further assistance, please let us know.

  • Profile Image
    xopherbuono
    Answered on May 03, 2015 at 02:46 PM

    Thank you Raul for your time and response. Using Xara, I opted to go with their "presentation" mode, so a fixed height isn't possible.

    To work around this (and, in fact, I like it better) I've decided to use the JotForm Lightbox code.

    The code I'm using is:

    <script src="https://d2g9qbzl5h49rh.cloudfront.net/static/feedback2.js?3.2.6956" type="text/javascript">
    var JFL_50883885507165 = new JotformFeedback({
    formId:'50883885507165',
    base:'https://secure.jotform.us/',
    windowTitle:'Contact Christopher Buono',
    background:'#FFA500',
    fontColor:'#FFFFFF',
    type:1,
    height:500,
    width:750,
    openOnLoad:false
    });
    </script>

    Now my problem is, with Xara my options are limited. I'd like my 'Contact Me' menu icon to popup the Lightbox contact form. Is there a URL/HTML link I can use to call the contact form? 

    I see the a class="lightbox-50883885507165" code for the preview, but how do I turn that into a URL?

    Thanks!

  • Profile Image
    Shadae
    Answered on May 03, 2015 at 06:02 PM

    Hi xopherbuono,

    You can view this guide on automatically calling your Lightbox form: http://www.jotform.com/help/203-How-to-Auto-popup-a-Lightbox-Form 

    You also have the option of using a feedback embed form that would provide a tab for your user to select to bring up a Lightbox: http://www.jotform.com/help/93-Creating-a-Feedback-Button 

    I hope this helps, please inform us if you need further assistance.