How to adjust iframe height to fit your website

  • Profile Image
    eugen_
    Asked on November 25, 2017 at 08: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.

  • Profile Image
    TREVON
    Answered on November 25, 2017 at 09: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.jpg

    <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.
  • Profile Image
    eugen_
    Answered on November 25, 2017 at 10:32 AM
  • Profile Image
    BDAVID
    Answered 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" onload="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>

  • Profile Image
    eugen_
    Answered 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?

  • Profile Image
    TREVON
    Answered 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.gif

    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




  • Profile Image
    eugen_
    Answered on November 25, 2017 at 12:55 PM

     Danke!