Layouts / Responsive Design

Der Inhalt von Ansichten wird über ein oder mehrere Layouts strukturiert. Ein Layout besteht aus ein, zwei oder 3 Bereichen, welche die Vizuals enthalten.

Über die Schaltfläche 'Layout hinzufügen' im Kopfbereich, bei aktiviertem Editiermodus, wird die Layoutauswahl geöffnet (siehe Bild).

Das Raster der Layout-Bereiche hat eine Breite von 400 Pixel mit maximal 3 Bereichen nebeneinander, was insgesamt 1200 Pixel ergibt. Ausnahmen bilden hier die besonderen Layouttypen.

Layouts können über die Schaltfläche gelöscht und über per Drag & Drop verschoben werden.

Responsive Design

Layouts, die aus mehreren Bereichen bestehen sind responsive und brechen auf Mobilgeräten um. Die Viewportbreite auf Mobilgeräten ist in HVAC Automation auf 400 Pixel festgelegt. Ein Layout aus 3 Bereichen ist somit vollständig responsive.

Innerhalb eines Bereichs werden die Vizuals absolut positioniert und sind damit nicht responsive. Eine Ausnahme stellt das Vollflächige Layout dar, das sich exakt auf die Bildschirmgröße anpasst.

Einzelne Layouts können optional für Mobilgeräte oder für Desktopgeräte ausgeblendet werden.

Besondere Layouttypen

• Benutzerdefiniertes Layout: Es kann eine beliebige Breite und Höhe angegeben werden.
• Vollflächiges Layout: Kann nur ein Vizual enthalten, das automatisch die Breite und Höhe des Bildschirms annimmt.
  Hier sind nicht alle Vizuals zugelassen. Besonders geeignet für Visu / HTTP-Routing

Bei diesen beiden Layouttypen können in der Ansicht keine weiteren Layouts hinzugefügt werden.