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.

Inhalt

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.

  1. Neue Seite ergänzen
  2. Seite zur Bearbeitung öffnen (ausklappen)

  1. Seiteneigenschaften öffnen
  2. Neue Seite ergänzen
  3. Seite duplizieren
  4. Seite löschen. ! Achtung, Inhalt wird gelöscht
  5. Seite verschieben

Layoutauswahl / weitere Seiteneinstellungen

Mit der Option "Seite als optionale Navigation markieren?" wird definiert, ob eine Seite nur Informationen enthält und somit keine auszufüllenden Formularelemente. Somit wird diese auch in der Fortschrittsanzeige nicht als "auszufüllende" Seite gewertet.

In den Seiteneinstellungen kann die Layoutform je Seite gewählt werden. Weiter können auf der Seite diverse Standardeinstellungen gesetzt werden.

Tipps:

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 vom 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 eine Seite / ein Formularschritt unterschiedliche Kolonneneinstellung haben. Ebenfalls können innerhalb von Gruppen und Wiederholungen (Tabelle) unterschiedliche Kolonneneinstellungen verwendet werden. Beachten Sie dazu die Designvorgaben Ihrer Organisation.


  • No labels