Formulare enthalten vordefinierte Felder und Funktionen, die Nutzende ausfüllen können.
Jede Verfahrensstartseite besteht aus 3 Bereichen:
Dieser Seitentyp besteht immer aus folgenden Elementen. Die Reihenfolge der hier genannten Elemente enspricht auch der Fokusreihenfolge, wenn mit der Tastatur navigiert wird. Beim initialen Seitenaufruf liegt der Fokus auf einem der folgenden Elemente im Formular-Inhaltsbereich (je nach dem, was davon vorhanden ist):
Die Headerleiste füllt die komplette Bildschirmbreite und ist zu jedem Zeitpunkt sticky (siehe Headerleiste).
Die Pfadnavigation gibt immer an, in welchem Objekt, ausgehend von dem geöffneten Modul, sich Nutzende befinden. Dabei ist die Bezeichnung des letzten Eintrages in der Pfadnavigation mit dem Titel des geöffneten Formulars darunter identisch (siehe Pfadnavigation).
Im Inhaltsbereich wird das Formular angezeigt (siehe Formular).
Der genau gleiche Aufbau (siehe oben Aufbau der Seite) gilt auch für Detailformulare innerhalb eines Verfahrens. Die einzigen Unterschiede sind:
Beim initialen Seitenaufruf liegt der Fokus auf einem der folgenden Elemente im Formular-Inhaltsbereich (je nach dem, was davon vorhanden):
Zwischen Headerleiste und Pfadnavigation wird der Verfahrensheader eingeschoben. Dieser füllt die komplette Fensterbreite.
Bei einer Fensterbreite überhalb von 1600 Pixeln:
Elemente | Verhalten |
|---|---|
Headerleiste | Komplette Fensterbreite |
Pfadnavigation | Füllt alle 12 Spalten des Seitenlayouts |
Formular | Linksbündig ausgerichtet an der ersten Spalte des Seitenlayouts; Maximale Breite vor Umbruch: 12 Spalten |
Ab einer Fensterbreite unterhalb von 1600 Pixeln gilt abweichend:
Elemente | Verhalten |
|---|---|
Formular | Füllt alle 12 Spalten des Seitenlayouts |
Ab einer Fensterbreite unterhalb von 480 Pixeln gilt abweichend:
Elemente | Verhalten |
|---|---|
Formular | Füllt die komplette Fensterbreite |
Wenn Nutzer:innen bei einer Fensterhöhe von über 1024 Pixeln scrollen, bleibt die Headerleiste, Pfadnavigation und Formularheader, sowie der Formular Footer sichtbar.
Ab einer Fensterhöhe unter 1024 Pixeln verschwindet die Pfadnavigation beim Scrollen.
Für die Definition des Scrollverhaltens innerhalb des Formulars (Stickyness von Formular Header und Footer), siehe Formular: Verhalten beim Scrollen.
Die Pfadnavigation liegt zunächst auf hellem Grund. Sobald Nutzer:innen anfangen zu scrollen und der Verfahrensheader den sichtbaren Bereich verlässt, wird die Pfadnavigation invertiert (siehe Pfadnavigation) und bleibt am oberen Rand sticky. Auch wenn sich der Pfadnavigations-Container nur über die 12 Seitenlayoutspalten erstreckt, wird das Fenster dann auf Höhe der Pfadnavigation auf kompletter Breite blau eingefärbt (nicht nur ab Beginn der ersten Spalte).
Ansonsten kein Unterschied zum Scrollverhalten auf Seiten außerhalb eines Verfahrens. Der Verfahrensheader bleibt nicht sticky.
H1: Formulartitel; visuell H2
H1: Titel des Verfahrens; visuell H3
H2: Formulartitel