Wie kann ich ein Formular als Fullscreen einbetten?

  • JonasAu
    Gefragt am 12. November 2020 um 03:17

    Hallo zusammen,

    wir haben leider Probleme mit der Einbettung eines Formulars in unsere Website.

    Egal welche Variante wir wählen, das Formular wird immer lediglich klein mittig im Screen angezeigt (siehe Screenshot).

    Gewünscht ist allerdings eine Fullscreen Ansicht, die sich automatisch an verschiedene Bildgrößen (Je nach Userscreen) anpasst.

    Gemeint ist allerdings nicht der Vollbildmodus, der dann wieder mit Esc beendet wird und die Menüleiste des Browser und alles andere ausblendet / überdeckt.

    Wie müssen wir hierfür vorgehen?

    LG

    Jonas

    Jotform Thread 2696446 Screenshot
    Page URL: https://b30all.myraidbox.de/pak-recruiting-analyse/
  • tomiko_ Jotform Support
    Geantwortet am 12. November 2020 um 06:15

    Hallo Jonas,

    vielen Dank für deine Nachricht.

    Bitte gib mir einen Moment, damit ich mir das Formular auf deiner Seite anschauen kann. Ich melde mich gleich wieder.

    Viele Grüße

  • tomiko_ Jotform Support
    Geantwortet am 12. November 2020 um 06:47

    Danke für deine Geduld.

    Um dem iframe mehr Platz zu geben, müssen die übergeordneten div Element vergrößert werden. Das Element #container enthält beispielsweise ein Padding. Mit padding=0 kann der Abstand entfernt werden.

    Für das iframe Element selbst kann im Code in seiner Größe angepasst werden. Allerdings werden in HTML5 nur noch absolute Werte angenommen (also px statt %).

    1605180991 5fad1e3fd6fc4 Screenshot 2020 Screenshot 10

    Mit 1050px spannt das iframe dann über den gesamten Bildschirm. Auf kleineren Bildschirmen erscheint ein Scrollbalken.

    Alternativ besteht natürlich auch noch die Möglichkeit eine URL Weiterleitung auf das Formular einzurichten, um die Einbettung gänzlich zu umgehen.

    Ich hoffe das beantwortet deine Frage. Melde dich gerne wieder bei uns, wenn du weitere Fragen hast.