Mit iframe eingebettetes Formular wird nicht vollständig angezeigt

  • Profile Image
    hannesdemer
    Asked on October 22, 2020 at 03:57 AM

    Ich habe mein Formular mit einem iframe Code eingebettet, wie empfohlen. Allerdings wird das Formular abgeschnitten und nicht vollständig angezeigt. Ich habe die Variable “height” im Quellcode auf 100% geändert, dadurch wird zwar mehr vom Formular angezeigt, aber es wird weiterhin abgeschnitten.

    Das ist der Quellcode, den ich benutze:

    <iframe id="JotFormIFrame" src="https://secure.jotformpro.com/form/511971445089" frameborder="0" scrolling="no" style="border: current Color; width: 100%; height: 100%;" allowtransparency="true" onload="window.parent.scrollTo(0,0)"></iframe>

    Wie kann ich das Formular einbetten und es komplett darstellen?



  • Profile Image
    Tom_Goepel
    Answered on October 22, 2020 at 04:04 AM

    Vielen Dank für Ihre Nachricht.

    Auch, wenn es vielleicht nicht ganz logisch erscheinen mag, die Browser interpretieren die Höhe von 100% etwas anders. Die 100% beziehen sich nicht auf den Inhalt des iframe Elements, sondern auf das Element, in welches das iframe eingebettet ist. Bitte verwenden Sie also keine relativen, sondern nur absolute Werte für die Abmessungen des iframe.

    Das Formular ist ca. 6000px lang, das heißt Sie können height: 6000px eingeben, bzw. Entsprechend mehr oder weniger, wenn sich Ihr Formular verändert.

    Wenn das Formular beispielsweise durch Bedingungen länger wird, erscheint durch die Option scrolling="auto" ein Scrollbalken.

    Der angepasste Code sieht dann so aus:

    <iframe id="JotFormIFrame" src="https://secure.jotformpro.com/form/511971445089" frameborder="0" scrolling="auto" style="border: current Color; width: 100%; height: 6000px;"allowtransparency="true" onload="window.parent.scrollTo(0,0)"></iframe>


    Bitte schreiben Sie uns, wenn Sie weitere Fragen haben.