How to adjust iframe height to fit your website

  • eugen_
    Asked on November 25, 2017 at 8:17 AM

    Hallo!

    Der Button wird unter Mac / Safari-Browser nicht angezeigt. Der Fragebogen wird angezeigt, aber kein Button. Ohne den Button ist der Fragebogen sinnlos! Es kann daran liegen, dass der Button als iFrame dargestellt wird und Mac iFrame nicht anzeigt.

    Bitte helfen Sie mir das Problem zu lösen.

  • TREVON
    Replied on November 25, 2017 at 9:54 AM

    I have checked your website on safari browser and I noted that the submit button and some fields seem to be hidden because of the height of the Iframe is larger that the space provided in your website. You may nee to embed the form again an this time you will need to change the height of the Iframe to suite the height of your website.

    1511621639Browser test Screenshot 10

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

    You will need to consider changing the height of the Iframe(in red above) to something like 2000px or 1500px and test to see if your form will display.
  • eugen_
    Replied on November 25, 2017 at 10:32 AM
  • David JotForm Support Manager
    Replied on November 25, 2017 at 11:13 AM

    Yes, you need to make the height of the iframe smaller, please try embedding this code:

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

  • eugen_
    Replied on November 25, 2017 at 11:56 AM

     Ich habe Deine Code (aber mit der Höhe 2500 px) eingefügt. Kann man jetzt den Button sehen?

  • TREVON
    Replied on November 25, 2017 at 12:37 PM

    I have tested your form and i could see the submit button as shown below. One think I have noted though is that your website is scrollable and your Iframe is also scroll-able hence it may be confusing to some users.

    1511631014View in safari Screenshot 10

    However when you disable Iframe from scrolling then most data will not be displayed. The other option you have is since the form is very long to can segment it into pages which will have next and previous buttons. Below is a guide on how to create multiple page form:

    https://www.jotform.com/help/119-How-to-Create-Multi-Page-Forms




  • eugen_
    Replied on November 25, 2017 at 12:55 PM

     Danke!