TcHmiFlexContainer

The Flex Container is a layout control that is based on the native CSS Flexbox layout of the browser. It arranges child controls along a main axis - either horizontally or vertically - and is therefore particularly suitable for linear layouts such as toolbars, navigation bars or evenly distributed rows of elements.

The entire layout is configured via a single property (FlexLayout). The browser automatically takes over the positioning of the child controls so that no manual coordinates are required. If necessary, the elements can be wrapped to adapt to the available space, and their distribution can be controlled along both the main and transverse axes - from simple alignment to even distribution with automatic spacing.

The Flex Container is the recommended choice if controls are to be arranged in a single direction. For two-dimensional grid layouts, where rows and columns are defined simultaneously, the grid container is a good choice instead.

Controls that are children of the TcHmiFlexContainer can be configured and positioned using their own FlexItemLayout attribute.

Server extensions

-

Inheritance hierarchy

TcHmiControl > TcHmiContainerControl > TcHmiFlexContainer

Available from version 14.4.17