TcHmiGridContainer

Der Grid Container ist ein Layout-Control, das direkt auf dem nativen CSS Grid Layout des Browsers basiert. Er ermöglicht es, Kind-Controls in einem Zeilen- und Spaltenraster anzuordnen, wobei das gesamte Layout über eine einzige kompakte Eigenschaft (GridLayout) konfiguriert wird. Spalten und Zeilen werden dabei mit der standardisierten CSS-Grid-Syntax definiert – beispielsweise 1fr 1fr für zwei gleichbreite Spalten oder 50px max-content 1fr für eine Mischung aus fester, inhaltsbasierter und flexibler Größe.

Da der Grid Container die Layout-Engine des Browsers nutzt, entfällt die aufwendige JavaScript-basierte Layout-Berechnung des klassischen TcHmiGrid. Kind-Controls werden standardmäßig automatisch durch den Grid-Algorithmus in die nächste freie Zelle platziert, können bei Bedarf aber auch gezielt bestimmten Zellen zugewiesen oder sogar überlappend positioniert werden. Das macht die Konfiguration deutlich schlanker und die Darstellung performanter.

Für die meisten Grid-basierten Layouts ist der Grid Container die empfohlene Wahl. Das klassische TcHmiGrid steht weiterhin für bestehende Projekte zur Verfügung.

Controls die Kinder des TcHmiGridContainers sind, können über ihr eigenes Attribut GridItemLayout konfiguriert und positioniert werden.

Server Erweiterungen

-

Vererbungshierarchie

TcHmiControl > TcHmiContainerControl > TcHmiGridContainer

Verfügbar ab Version 14.4.17