Die Schnellnavigations-Sidebar ermöglicht es zusätzliche Datenübersichten für ein Formular ein- und auszublenden, die dabei hilft zwischen Datenobjekten hin und her zu springen.

• Verwahrgegenstände eines Verfahrens
• Beteiligte eines Verfahrens 
• Termine eines Verfahrens
• ...

Jede Formularseite mit Schnellnaviagtions-Sidebar besteht aus 3 Bereichen:

1. Headerbereich
   2. Datenübersicht-Sidebar
   3. Inhaltsbereich vom Typ Formular

1. Headerleiste
2. Pfadnavigation
3. Sidebar-Header
4. Suche (optional) + Neuanlage-Button
5. Filter (optional)
6. [Anzahl] Einträge
7. Sortierfunktion (Liste) oder Auf-/Zuklappen-Funktion (Baum)
8. Inhaltsbereich
9. Geöffneter Eintrag
10. Listen-Paginierung
11. Inhaltsbereich (Formular)

Der genau gleiche Aufbau (siehe oben) gilt auch für diesen Seitentyp innerhalb eines Verfahrens. Einzige Unterschiede sind: 
Zwischen Headerleiste und Pfadnavigation wird der Verfahrensheader eingeschoben. Dieser füllt die komplette Fensterbreite.

Dieser Seitentyp besteht aus folgenden Elementen. Nicht alle Elemente sind auf jeder Seite sichtbar. Je nach fachlicher Anforderung können Elemente wie Suche oder Filter ausgeblendet werden. Die Reihenfolge (von oben nach unten) bleibt jedoch immer gleich. Die Reihenfolge der hier genannten Elemente entspricht auch der Fokusreihenfolge, wenn mit der Tastatur navigiert wird. Beim initialen Seitenaufruf liegt der Fokus auf einem der folgenden Element im Formular-Inhaltsbereich (je nach dem, was davon vorhanden):

1. Titel im Meldungsbanner
2. Titel im Hinweisbanner Typ 1 (sofern dieser im oberen Teil des Formulars platziert ist) 
3. Erstes Akkordeon
4. Erstes Formularfeld

Die Hauptnavigationsleiste 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).

Der Sidebar-Header enthält im geöffneten Zustand eine Überschrift, die den Datentyp der darunterliegenden Liste beschreibt. Dieser entspricht entweder dem aktiven Tab auf der vorherigen Seite vom Seitentyp “Einstiegsseite eines Modul” oder dem Modulname, falls keine Tabs auf der vorherigen Seite vorhanden waren.  
Neben der Überschrift enthält der Sidebar-Header einen Button, um die Sidebar einzuklappen (falls geöffnet). Bei geschlossener Sidebar wird nur der Button zum Öffnen der Sidebar angezeigt. Der Tooltip des Buttons lautet “Schnellnavigation ausblenden” bzw. “Schnellnavigation einlenden” (siehe Auf-/Zuklappbare Schnellnavigation (Sidebar): Verhalten).

Der Neuanlage-Button ist in den meisten Fällen ein primärer Textbutton ohne Icon, welcher folgendermaßen bezeichnet ist: “[Objekt] anlegen”. 
In manchen Fällen kann der Neuanlage-Button auch ein Untermenü öffnen (beispielweise, wenn Objekte verschiedener Typen über diesen Button angelegt werden können. In diesem Fall wird zusätzlich zum Buttonext noch ein nach unten gerichtetes Dreiecks-Icon angezeigt (siehe Button).

Mit Hilfe der Suchzeile kann der darunterliegende Inhalt durchsucht werden (siehe Suchfeld).

Je nach fachlicher Anforderung kann ein vorgefertigtes Set an filtern bereits angezeigt werden oder Nutzer:innen können sich Filter selbst konfigurieren (siehe Filter).

Dieser Text gibt an, wie viele Einträge der darunterliegende Inhaltsbereich aktuell enthält. Wird eine Suche ausgeführt oder FIlterkriterien gesetzt bzw. verändert, so ändert sich auch der Wert entsprechend. Der Schrifttyp ist “Subhead” (siehe Schriften).

Über die Sortierfunktion kann die Listensortierung geändert werden (siehe Listen: Sortierfunktion).

Über die Funktion können alle in der Baumstruktur enthaltenen Elemente auf einmal auf- bzw. zugeklappt werden (siehe Baumstruktur: Verhalten Funktion “Alles auf- bzw. zuklappen”).

Im Inhaltsbereich werden alle Elemente angezeigt, die zu den oberhalb definierten Such- und Filterkriterien passen. Der auf der rechten Bildschirmhälfte geöffnete Eintrag ist in der Liste bzw. Baumstruktur visuell hervorgehoben.  
(siehe Liste/Baumstruktur)

Inhaltsbereich (Formular)  
Im Inhaltsbereich wird das Formular angezeigt (siehe Formular).

Der genau gleiche Aufbau (siehe oben Aufbau der Seite) gilt auch für diesen Seitentyp 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 ist):

1. Titel im Meldungsbanner
2. Titel im Hinweisbanner Typ 1 (sofern dieser im oberen Teil des Formulars platziert ist) 
3. Erstes Akkordeon
4. Erstes Formularfeld

Zwischen Headerleiste und Pfadnavigation wird der Verfahrensheader eingeschoben. Dieser füllt die komplette Fensterbreite.

Bei allen Fensterbreite überhalb von 1800 Pixeln gilt:

Für alle Fenstergrößen gilt:

• Zwischen Suchfeld und Neuanlage-Button bleibt ein Mindestabstand von 16 Pixeln. Das Suchfeld wird ggf. kleiner. Sobald das Suchfeld seine minimale Größe von 212 Pixeln nicht mehr erreichen kann, wird der Neuanlage-Button zu einem Primären Button ohne Text und enthält nur noch ein Plus-Icon. Der Tooltip-Text lautet dann “[Objekt] anlegen”. Handelt es sich bei dem Neuanlage-Button um einen Button mit Untermenü, so wird nur noch das Dreiecks-Icon angezeigt und der Tooltip-Text entspricht dem vorherigen Buttontext.
• Sobald der Sidebar-Bereich unter 400 Pixel breit ist, werden die Elemente [Anzahl] Einträge und Sortierfunktion untereinander angeordnet.
• Bei Baumstrukturen: Sobald der Sidebar-Bereich unter 400 Pixel breit ist, wird der Alle Auf-/Zuklappen-Button als reiner Icon-Button ohne Text dargestellt.

Bei allen Fensterbreiten unterhalb von 1800 Pixeln gilt abweichend:

Bei einer Fensterbreite unterhalb von 1200 Pixeln gilt abweichend:

Bei einer Fensterbreite unterhalb von 920 Pixeln wird die Sidebar und alle darin enthaltenen Elemente komplett ausgeblendet.

Es gilt dann das Responsive Verhalten des Seitentyps “Fullscreen-Formular”.

Es gelten gleiche Elementbreiten wie außerhalb eines Verfahrens mit der Ergänzung: 

• VERFAHRENSHEADER: Breite entspricht bei allen Fenstergrößen immer der kompletten Fensterbreite

Ab einer Fensterhöhe unter 800px verringert sich der vertikale Abstand von Headerleiste zu Pfadnavigation von 16px auf 0px. 

Wird bei Fensterhöhen über 720px gescrollt, so ist der Inhaltsbereich der Liste und der Inhaltsbereich des Formulars separat voneinander scrollbar. Es wird daher keine Seitenscrollbar, sondern je eine Elementscrollbar am Rand des Listen- sowie Formularinhalts angezeigt. Alle anderen Elemente auf der Seite bleiben beim Scrollen fix stehen. 

Wird bei Fensterhöhen unter 720px gescrollt, so ist nur noch die Komplettseite scrollbar. Die einzelnen Scrollbars bei Formular und Liste werden ausgeblendet und stattdessen die Seitenscrollbar angezeigt. Nur die Headerleiste bleibt dann beim scrollen fix stehen.

Für die Definition des Scrollverhaltens innerhalb des Formularbereichs sowie von Listen (Stickyness von Formular-Header und -Footer und Listenpaginierung), siehe Formular und Liste.

Ab einer Fensterhöhe unter 960px verringert sich der vertikale Abstand von Headerleiste zu Pfadnavigation von 16px auf 0px. 

Ist der Hauptinhaltsbereich unterhalb des Verfahrensheaders ([Fensterhöhe] minus [Höhe Headerleiste] minus [Höhe Verfahrensheader]) größer als 680px hoch und es wird gescrollt, so ist der Inhaltsbereich der Liste und der Inhaltsbereich des Formulars separat voneinander scrollbar. Es wird je eine Einzelscrollbar am Rand des Formularinhalts sowie der Liste angezeigt. Alle anderen Elemente auf der Seite bleiben beim Scrollen fix stehen. 

Ist der Hauptinhaltsbereich unterhalb des Verfahrensheaders ([Fensterhöhe] minus [Höhe Headerleiste] minus [Höhe Verfahrensheader]) unter 680px hoch und es wird gescrollt, so ist nur noch die komplette Seite als ganzes scrollbar und eine entsprechende Scrollbar am Seitenrand wird angezeigt. Dafür werden keine Einzelscrollbars mehr am Inhaltsbereich von Formular und Liste angezeigt. Nur die Headerleiste und die Pfadnavigation bleibt dann beim scrollen fix stehen.

Die Pfadnavigation liegt zunächst auf hellem Grund. Sobald jedoch gescrollt wird und der Verfahrensheader den sichtbaren Bereich verlässt, wird die Pfadnavigation invertiert (siehe Pfadnavigation: Verhalten) und bleibt am oberen Rand sticky. Auch wenn sich der Pfadnavigation-Inhalt nur über die 12 Seitenlayoutspalten erstreckt, wird das Fenster dann auf Höhe der Pfadnavigation auf kompletter Breite blau eingefärbt.

Für Verhalten des Verfahrensheaders abhängig von der Fensterhöhe siehe Verfahrensheader.

Für die Definition des Scrollverhaltens innerhalb des Formularbereichs sowie von Listen (Stickyness von Formular-Header und -Footer und Listenpaginierung), siehe Formular und Liste.

• Landmark “Header”

• Landmark “Main”

• Landmark “Navigation”
• Beschriftung “Objektpfad”

• Landmark “Navigation”
• Beschriftung “Schnellnavigation [Sidebartitel]”
• Beschriftung “Datenübersicht”
• Beschriftung und Tooltip des Buttons zum Aus-/Einklappen ist “Schnellnavigation ausblenden” bei geöffneter Sidebar und “Schnellnavigation einblenden” bei geschlossener Sidebar.

• Landmark “Region” 
• Beschriftung “Datenübersicht”

• Region “Formular”

• Landmark “Header”

• Landmark “Main”

• Beschriftung “Verfahren”

• Landmark “Navigation”
• Beschriftung “Objektpfad”

• Landmark “Navigation”
• Beschriftung “Schnellnavigation [Sidebartitel]”
• Beschriftung “Datenübersicht”
• Beschriftung und Tooltip des Buttons zum Aus-/Einklappen ist “Schnellnavigation ausblenden” bei geöffneter Sidebar und “Schnellnavigation einblenden” bei geschlossener Sidebar.

Suche, Filter, Anzahl Einträge, Sortierfunktion, Liste, Neuanlage-Button

• Landmark “Region” 
• Beschriftung “Datenübersicht”

• Region “Formular”

H2: Sidebar-Überschrift    
H3: Anzahl Einträge in der Sidebar; visuell Schrifttyp “Subhead”
    
H1: Formulartitel    
H2: Zwischensektionen im Formular (Accordions); visuell Schrifttyp H3

H1: Titel des Verfahrens; visuell H3
H3: Sidebar-Überschrift
H4: Anzahl Einträge in der Sidebar; visuell Schrifttyp “Subhead”
H2: Formulartitel
H3: Zwischensektionen im Formular (Accordions)

• Verwahrgegenstände eines Verfahrens
• Beteiligte eines Verfahrens
• Termine eines Verfahrens
• ...