Layout

Im »EASY UI Designer« werden drei Layout-Typen für die Hauptansicht AppShell.html angeboten.

FixClassical

Das FixClassical-Layout besitzt eine Kopfzeile und eine Reihe von Navigationsschaltflächen am unteren Bildschirmrand, über die die verschiedenen Seiten der Maschinenvisualisierung aufgerufen werden können. Elemente lassen sich nur absolut positionieren, daher ist dieses Layout nur für Displaygrößen mit einer ähnlichen Auflösung geeignet.

FixTop

Das FixTop-Layout besitzt eine Kopfzeile, in der alle Schaltflächen zur Navigation und für Einstellungen enthalten sind. Elemente lassen sich nur absolut positionieren, daher ist dieses Layout nur für Displaygrößen mit einer ähnlichen Auflösung geeignet.

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.