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
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.
- 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
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.
Seitenlayout
Tipps:
- Verwenden von sinnvollen Bezeichnungen von Seiten / Gruppen / Formularlementen
- Vorbereiten / Umsetzen von mehrsprachigen Formularen
Seitenlayout "Sequentiell"
Standardmässig Standardmäßig 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 "colSpanColSpan" 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 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":
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.
...
...
- Name (Variabelname, Pflichtangabe) - Keine Sonderzeichenl, darf nicht mit einer Zahl beginnen - dieser Wert wird im Formular für Formeln verwendet.
- Gruppe zwingend - Bestimmt ob die Gruppe als ganzes zwingend ist oder nicht. Pflichtfelder innerhalb der Gruppe sind nur dann zwingend anzugeben, wenn die Gruppe ebenfalls zwingend ist. Ist dies nicht der Fall, werden Elemente innerhalb der Gruppe erst zwingend, wenn bereits zwingende andere Elemente erfasst wurden.
- CSS Klasse -
- Gruppenüberschrift
- Ein-/Ausklappbar?
- Eingeklappt anzeigen?
- Nicht serialisieren - Wird verwendet, wenn sämtliche Werte/Auswahlen bei den Feldern nur innerhalb des Formulars verwendet wird. Als Steuerelement oder ähnlich. Falls nicht serialisieren aktiviert wurde, so werden keine Werte ins resultierende XML (Datenoutput), resp. in die Datenbank geschrieben.
- Layout - Bestimmt das Layout der gesamten Gruppe.
- Beschriftung -
- Hilfetext -
- Sichtbarkeit -
- Drucken -
- Beschreibung -
- Verarbeitung -
.
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.
...