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.
Seiten / Schritte erfassen oder ändern
Im Bereich "Ressourcen/Konfigurator" werden im "Seitenkonfigurator" vorhandene Seiten/Schritte angepasst oder können neue ergänzt werden.
- Neue Seite ergänzen
- Seite zur Bearbeitung öffnen (ausklappen)
- Seiteneigenschaften öffnen
- Neue Seite ergänzen
- Seite duplizieren
- Seite löschen. ! Achtung, Inhalt wird gelöscht
- Seite verschieben.
Layoutauswahl / weitere Seiteneinstellungen
In den Seiteneinstellungen kann die Layoutform, je Seite gewählt werden. Weiter können auf der Seite diverse Standardeinstellungen gesetzt werden.
Seitenlayout "Sequentiell"
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 Ressourcen/Konfigurator in den Formulareinstellungen)
Seitenlayout "Kolonnen-Layout"
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 ist eher zu empfehlen, wenn die Beschriftung oberhalb des Eingabefelds platziert wird.
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.