Responsive
Das Responsive Layout ist dazu geeignet, Visualisierungen auf sehr unterschiedlichen Client-Geräten anzuzeigen (beispielsweise Desktop-PC und Smartphone). Durch die dafür erforderliche Logik können Elemente in diesem Layout nicht absolut positioniert werden. Das Menü kann flexibel durch ein Burger-Icon ein- und ausgeklappt werden.
Das Responsive-Layout besitzt ein Menü, über das die verschiedenen Ansichten aufgerufen werden können. In diesem Layout können die Elemente durch die dafür erforderliche Logik nicht absolut positioniert werden.
Die Schaltflächen 
(Benutzer) und 
(Einstellungen) in der Kopfzeile beziehen sich
auf die Server-seitigen Funktionen Benutzerverwaltung und Sprachumschaltung.
Dokumentgliederung
Die zugehörige Hauptansicht "AppShell.html" enthält in der Dokumentgliederung unter anderem die Elemente AppDrawerHeader, AppNavMenu, AppBar und AppPageNavigator.
AppDrawerHeader
Der AppDrawerHeader enthält das Element Image und Label für das Menü.
AppNavMenu
Das AppNavMenu enthält die Elemente für die einzelnen Menüeinträge.
AppBar
Die AppBar enthält die Elemente der Kopfzeile.
AppPageNavigator
Der AppPageNavigator zeigt zur Laufzeit die verschiedenen Seiten mit den eigentlichen Inhalten an. Fügen Sie daher in diesem Bereich keine Elemente ein, sondern erstellen Sie die Visualisierung auf der jeweiligen Seite, beispielsweise "MachinePage.html".
Alle Benutzeroberflächen des Projekts sind im Client-Ordner unter "Design" enthalten. Doppelklicken Sie auf einen Eintrag, um die entsprechende Datei im Designer-Arbeitsbereich zu öffnen.
Verwandte Themen: