Standardmäßig hat ein Formular keine feste Höhe oder Breite und nimmt sich den Platz, den es braucht. Das bedeutet für gewöhnlich, dass es sich der Höhe seines Inhalts anpasst. Sollte allerdings eine feste Höhe oder eine maximale Breite gewünscht sein, können Sie diese für jede Einbettung individuell konfigurieren. Hierzu können Redakteure die gewünschten Maße des Formulars direkt über die Einbettungsseite in der Formcentric Cloud-Oberfläche festlegen.
Der Einbettungscode enthält dann einen Formular-Container, an dem data-Attribute für Höhen und Breiten definiert sind. Der Formcentric-Client setzt im Hintergrund die entsprechenden Style-Attribute und passt das Formular automatisch auf die definierten Werte an. Bestätigungsnachrichten zentriert er beispielsweise innerhalb des Containers. Falls Scrolling erforderlich ist, aktiviert der Client dieses automatisch.
Ein weiterer Vorteil der data-Attribute liegt in der automatisierten Optimierung für Mobilgeräte. Da das Scrolling dort die gesamte Seite betrifft, können begrenzte Container die Benutzererfahrung verschlechtern, da doppeltes Scrolling häufig problematisch ist. Deshalb wächst das Formular auf Mobilgeräten trotz eingestellter Höhenbegrenzung automatisch auf seine volle Höhe.
Wenn Sie eine feste Höhe von 800px und maximale Breite von 600px über die Formcentric Cloud-Oberfläche festlegen, ergibt sich folgendes Markup, das in Ihre eigene Website eingebunden werden kann:
Falls Sie die Größe des Formulars präziser steuern möchten, können Sie auch direkt im Markup eigene style-Attribute, style-Tags oder CSS-Dateien verwenden, um das Verhalten des Form-Containers nach Ihren Bedürfnissen anzupassen.
1. Anpassen des Formular-Container style-Attributs:
2. Anpassen des Formular-Containers über eigenes CSS:
3. Anpassen des Parent-Elements über Markup und CSS:
