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

This is a Conditional Value field. Such fields allow you to specify values directly OR use a Formula to specify a value. Conditional values are useful for specifying different values for changing situations, such as varying device types or screen sizes.

Possible Values

Visual Representation	Value	Description
	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.