Basics ( 2 / 6 )

Die rechte Infospalte wird tendenziell nur vor einem Login oder nach einem Logout eingesetzt.

Nach einem Login erscheint die "statusBar".

Bitte schalten Sie Java-Script ein. Für das einwandfreie Funktionieren der WebApp ist Java-Script erforderlich.

Layout-Ansichten

StatusBar Ansicht Typische Seiten
Ohne mit rechter Infospalte Login, Logout
  ohne rechte Infospalte Impressum
Mit ohne Hauptnavigation Dashboard, Formulare, Listen, Detailansichten
  mit Hauptnavigation Dashboard, Formulare, Listen, Detailansichten

Braucht es ein flexibles Layout?

  • Im Grundsatz nein. Die Applikation sollte auf einem iPad (Querformat) ohne seitliches Scrollen einsehbar sein, deshalb die fixe Breite von 990px.
  • Bei Desktop-Applikationen, die eine möglichst breite Browser-Ansicht benötigen, kann diese Sperre jedoch aufgehoben werden
  • Ein optional flexibles Layout ist möglich und ist mit allen Layout-Ansichten kombinierbar.

Infospalte

Wird allenfalls beim Login als erklärende Seitenspalte benötigt. Ist aber nur optional

StatusBar

Diese wird nur nach dem Login angezeigt. Diese benötigt a) Markup und b) die Klasse "withStatusBar" im Body.

Hauptnavigation

In den seltesten Fällen wird eine Navigation benötigt. Der Standard nach dem Login ist das Dashboard: Startseite, Übersicht und Einstieg in diverse Prozesse. Diese benötigt a) Markup und b) die Klasse "withMainNavi" im Body.

Equal Column Heights

Es gibt verschiede Ansätze, um mit diesem bekannten Problem umzugehen. Wir setzen ein jQuery Plugin ein.