Seiten können als Baumeinträge, Register, Sequentielle Gruppen oder als Prozessschritt dargestellt werden. Dies wird mit dem Seitenlayout bestimmt. Siehe dazu Kapitel Neues Formular anlegen.
Seitenkonfiguration
Jede Seite hat eine eigene Beschriftung sowie ein Hilfetext. Zudem können Sichtbarkeit, Validierung, Regeln, Eigenschaften sowie eine Beschreibung hinterlegt werden.
Seitenlayout
Standardmäßig Standardmässig ist das Layout einer Seite "Sequentiell". Das heisst, alle Elemente sowie Gruppen auf dieser Seite werden untereinander dargestellt.
Beispiel Sequentiell, mit Darstellung der Beschriftung links vom Eingabefeld. (Siehe Seiteneinstellungen)
Neben der sequentiellen Darstellung gibt es noch die Mehr-Kolonnen-Layouts (2,3 und 4-Kolonnen). Mit den Mehr-Kolonnen-Layouts können Formularelemente und Gruppen auf dieser Seite über verschiedene Kolonnen verteilt werden. Zu beachten ist dabei, dass das Breite-Verhältnis der Kolonnen immer gleich bleibt. Mit der Option "colSpan" lassen sich die Komponenten über mehrere Kolonnen hinwegstrecken.
Spalten richtig setzen
Spalten optimal mit "ColSpan" gestalten bedeutet, dass ein Feld über Spalten hinweg platziert wird.
Beispiel von optimal gesetzten ColSpan.
Die Darstellung zeigt eine Lösung, bei welcher die Feldbreiten vollständig über die Nutzung der Kolonnen (Spalten) definiert wird. Sie nutzen immer 100% innerhalb der Kolonne, resp. der eingestellten nutzbaren Kolonnen (ColSpan).
Die Struktur eines 2-Kolonnen-Layouts entspricht also folgendem Schema:
Beispiel 2-Kolonnen-Layout
Die Breite bei dem 2-Kolonnen-Layout ist für jede Kolonne gleich (50%). Jeder Kolonne unterteilt sich dabei nochmals ein Label und ein Formularelement (und dies wiederum im Verhältnis 50%-50%).
Das 3 oder 4-Kolonnen-Layout macht nur wirklich Sinnist eher zu empfehlen, wenn die Beschriftungen der Eingabefelder Beschriftung oberhalb des Eingabefelds platziert wird. Das folgende Bild zeigt ein
Beispiel eines 3-Kolonnen-Layout mit der Option "Beschriftung oberhalb vom Eingabefeld":.
Beispiel einer optimal genutzten 4-Kolonnen-Einstellung.
Gut zu Wissen
Je nach Bedarf, kann ein Seite / ein Formularschritt eine unterschiedliche Kolonneneinstellung haben. Ebenfalls können innerhalb von Gruppen und Wiederholungen (Tabelle) unterschiedliche Kolonneneinstellungen verwendet werden. Beachten Sie dazu die Designvorgaben ihrer Organisation.
Gruppen
Gruppen dienen zur Zusammenfassung zusammengehörender Eingabefelder oder Listen. Ein Gruppe kann nur einzelne Felder und/oder Listen und keine weiteren Gruppen beinhalten.
Gruppenkonfiguration
Mit der Gruppenkonfiguration kann das Aussehen sowie das Verhalten der Gruppe gesteuert werden.
...
|
Gruppenüberschrift
Mit der Option Gruppenüberschrift kann das visuelle Trennelement der Gruppe konfiguriert werden. Es existieren die folgenden Möglichkeiten:
...