In diesem Artikel liest du mehr über die verfügbaren Layout - Elemente des Form-Builders.
Folgende Elemente stehen dir zur Verfügung:
HTML-Element
Mit diesem Element ist es möglich eigene Header in das Formular einzubringen. Prinzipiell kannst du mit dem notwendigen Know-How über HTML-Attribute deinen maßgeschneiderten Header implementieren. Frage jedoch für die Verwendung dieses Abschnitts bei deinem Support-Manager nach.
Content
Dieses Feld dient dazu, deinen Text oder Bilder in die Form zu implementieren. Solltest du beispielsweise Einladungstexte oder ein Einladendes Bild über deine Elemente integrieren wollen, nutzt du dieses Element als Mittel.
Bei Ablegen des Elements in der Form, öffnet sich eine einfache Oberfläche zur Textbearbeitung und Inhaltseinpflege.
Columns
Über dieses Element bestimmst du die Anordnung deines Formulars.
Sobald du dieses Element in dein Formular gezogen hast, öffnet sich die Konfigurationsansicht.
Das Element teilt deine Seite bzw. den Abschnitt über den es reicht in Spalten, dessen Breite du individuell einstellen kannst.
Die gesamte Spaltenbreite ist auf den Wert 12 festgelegt. Die Gesamtheit deiner Spalten kann diesen Wert nicht überschreiben.
Beispiel: Du möchtest deine Form mittig auf der Seite angezeigt haben und links einen Banner haben
Klicke auf "Add Column" um eine weitere Spalte hinzuzufügen.
Die erste Zeile ist dabei die erste Spalte (links). Diesen nutzen wir für ein senkrechtes Banner.
Die zweite Spalte nutzen wir für unsere Form. Diese ist die mittlere Spalte auf der Seite.
Die dritte Spalte dient als eine Art Platzhalter, damit das Formular eine ansprechende Form gewinnt.
Nun müssen wir definieren, wieviele Teile diese Spalten von der gesamten Seite einnehmen sollen.
Der Banner soll zwei Teile einnehmen, die Fragen sollen insgesamt auf 9 Teile verteilt sein und die letzte Spalte dient als Abstandhalter. Diesen setze ich auf 1.
Die Aufteilung sieht dann folgendermaßen aus:
Die Bereiche weiten sich automatisch nach unten her aus, je mehr Elemente eingefügt werden.
Field Set
Dieses Element dient als Gruppierungsfunktion und kann diese Gruppe mit einer eigenen Überschrift versehen.
Hierbei ist der rote Kasten ein Column Element, was vorher angelegt wurde.
Der Blaue Kasten ist ein Field Set Element mit der Beschriftung (Legend) Persönliche Informationen, der grüne Kasten ist ein zweites Field Set Element, mit der Beschriftung (Legend) Kontakt.
In diese Felder wurden jeweils weitere Elemente aus dem Basic bzw. Erweitert-Bereich gezogen, wodurch eine visuelle Trennung möglich ist.
Feld
Dieses Element dient als Gruppierungsfunktion und kann diese Gruppe mit einer eigenen Überschrift versehen. Im Gegensatz zum Field Set kann hier jedoch eine Kastenansicht erstellt werden, die je nach Wunsch eingeklappt werden kann.
Ausgeklappt zeigt das Element dann die untergeordneten Elemente:
Das Element kann folgendermaßen konfiguriert werden:
1. Gibt dem Feld eine Überschrift
2. Ermöglicht, dass das Element eingeklappt werden kann
3. Stellt ein, ob das Element am Anfang bereits ein- oder ausgeklappt angezeigt werden soll.
Table
Mit diesem Element ist es ähnlich des Column-Elements möglich Elemente in tabellarischen Struktur einzubinden.
1. Bestimmt die Anzahl der Zeilen
2. Bestimmt die Anzahl der Spalten
3. Hinterlegt die Zeilen abwechselnd mit einem Hintergrund um die Zeilen voneinander besser zu unterscheiden.
4. Legt einen Rand um die einzelnen Felder der Tabelle.
5. Bewirkt, dass das Feld in den Fokus gerät, sobald die Maus darübergelegt wird.
6. Schrumpft die Tabelle weiter zusammen.
Tabs
Dieses Element ermöglicht die Einbindung anderer Elemente, die über Tabs voneinander getrennt werden.
Sobald die Tabs entsprechend angelegt sind, können in diese jeweils das gewünschte Element hineingezogen werden.
Well
Hierbei handelt es sich um ein Element, dass ähnlich wie das "Field Set"-Element funktioniert. Der einzige Unterschied besteht hierbei, dass die Elemente innerhalb des "Well"-Elements hervorgehoben werden.