Flex Wrap
In CSS, the flex-wrap property determines whether the flex container's items should wrap onto multiple lines. It is used in conjunction with the display: flex setting.
Flex Wrap in Workmaster
In Workmaster, the Flex Wrap property serves the same purpose as in CSS—it controls whether widgets inside a container will wrap to the next line or stay in a single line.
Flex Wrap panel will only appear once the Container's Display property is set to Flex
Possible Values
Wrap
Flex items will wrap onto multiple lines if necessary.
No Wrap
default All flex items will be on a single line.
Examples
Initial Layout with Multiple Widgets
Several widgets are placed inside a container each with 35% width. The container's Display property is set to Flex .
1. Wrap
Widgets now wrap to new lines based on the container’s width. The first two occupy 70% of the space, while the third moves to a new line due to insufficient remaining space.
2. No Wrap
Widgets remain on a single line regardless of container width. When space is insufficient, content may overflow or be truncated instead of wrapping to a new line.
Last updated