My JotForm Forms Are Invisible in IE and Firefox

  • Visivo
    Asked on June 27, 2016 at 5:06 PM

    We have built a site using Adobe Muse CC 2015.2, and embedded the form as an HTML object using this code "<script type="text/javascript" src="https://form.jotform.com/jsform/51484417047153"></script>"

    Using Google Chrome the form shows up, and functions properly. However when the page is viewed in Microsoft Internet Explorer, or Mozilla Firefox the form is invisible. You can still scroll the page down, but there is not form visible.

    This is happening on this page: http://www.asbury-park.org/application.html

    Please review and let me know if I need to make any changes to my embedded code, or anything else, thanks!

  • David JotForm Support
    Replied on June 27, 2016 at 6:12 PM

    Try replacing your current embed code with your forms iFrame code:

    http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    It looks like there is something in your page setting the height of your form to 0.  This should prevent whatever it is from doing so.

  • Visivo
    Replied on June 28, 2016 at 11:25 AM

    Hi, 

    Thanks for your response, I have tried updating the form to use the iFrame Code instead, but unfortunately I am getting the same results. Form works fine in Chrome, it appears for a brief moment when the page loads in IE, but then disappears, and does not show at all in Firefox.

    Are there other things I can try? Is there anything on the form itself I need to change?

  • David JotForm Support
    Replied on June 28, 2016 at 11:29 AM

    Try this as your embed code:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/51484417047153" frameborder="0" style="width:100%; height:1538px; border:none;" scrolling="no"> </iframe>

    Adjust the height attribute until the full form is shown.  This is the iFrame code without the automatic height script.  This should embed your form with a fixed height.