Why the form doesn't appear in all browsers?

  • Profile Image
    recesco92
    Asked on August 23, 2016 at 04:54 AM

    GoodMorning,

     

    i've set as you sad the iFrame in the page i've attached. The problem is that it work in Chrome but not in the other browser.

     

    Do you have any solution?

     

    Thanks in advance.

     

    Francesco Regis

  • Profile Image
    Nik_C
    Answered on August 23, 2016 at 07:45 AM

    I'm sorry but I was not able to locate the form in the URL you provided. Can you please let us know which form is the one that you have a problem with?

    We'll wait for your response so we can investigate this issue further.

    Thank you!

  • Profile Image
    recesco92
    Answered on August 23, 2016 at 09:36 AM

    here it is

  • Profile Image
    Nik_C
    Answered on August 23, 2016 at 10:59 AM

    Thank you for providing additional information. I did some tests in IE and FireFox and I was able to replicate the issue, form is not showing.

    In Chrome is loading fine, like you mentioned already.

    Try to add this code instead of DOCTYPE in your source code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

    And please let us know how that worked for you.

    We'll wait for your response.

    Thank you!

     

  • Profile Image
    recesco92
    Answered on August 24, 2016 at 08:53 AM

    Unfortunately it doesn't work... any other solutions?

     

    Thanks in advance

  • Profile Image
    EltonCris
    Answered on August 24, 2016 at 09:45 AM

    I check your form's iframe embed code in firefox and its height is modified to zero whenever the form is loaded. That's the reason why the iframe container is not shown because its height is zero. There's probably something in your script that conflicts with the iframe element.

    Anyway, please try this fix.

    In your iframe embed code, insert this code inside the style attribute.

    min-height: 1640px;

    Example:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformeu.com/61964451428360" style="width: 100%; height: 0px; border: medium none; min-height: 1640px;" scrolling="no" frameborder="0"></iframe>

    This might help. Let us know how this goes.

    Thanks!

  • Profile Image
    recesco92
    Answered on August 26, 2016 at 04:29 AM

    Thanks for your help! Now it works!