Styles Grid-Layout
Das Raster
Das System verwendet 12 Spalten mir einem Abstand von 30 Pixeln. Auf einem Standard-Desktop beträgt die Spaltenbreite ungefähr 65 Pixel.
Das System folgt weitgehend den Bootstrap 4 Breaks für Responsive Design bei unterschiedlichen Endgeräten.
Formulare haben standardmäßig eine Breite von 7 Spalten.
Neben dem Hauptbereich können rechts Hilfetexte oder weiterführende Informationen angezeigt werden.
Dieser Bereich ist 4 Spalten breit. Er hat einen Abstand von einer Spalte zum Hauptbereich.
Falls mehr Platz benötigt wird, können bis zu 12 Spalten verwendet werden.
Das Raster (Mobile Darstellung < 576px )
Definition noch offen!!!
Seitenaufbau
Für die Darstellung von primären und sekundären Informationen wird das Schema 7/1/4 benutzt:
- 7 Spalten mit den Hauptinformationen
- 1 Spalte White-Space
- 4 Spalten mit zusätlichen Informationen (Hilfe, FAQ, Links, Kontakt, ...)
Dieses Schema kommt auch bei den meisten Formularen zum Einsatz.
Anmelden
Melden Sie sich an, um die Services zu benutzen.
Haben Sie Ihr Passwort vergessen?
Zur Anmeldung mit dem neuen Personalausweis benötigen Sie die AusweisApp2.
Formulare können in der Desktopansicht (nicht bei Mobile) gruppierte Eingabeelemente verwendet. z.B. Bei Postleitzahl und Ort:
Die 7 Spalten werden in einem neuen Raster in 2x6 Spalten unterteilt um zwei Hälften zu erhalten.
Für die breite Darstellung können alle 12 Spalten benutzt werden.
Seitenaufbau (Mobile Darstellung < 576px )
Definition noch offen!!!