Properties
The Row Widget has two levels of properties: Row properties that apply to the entire row, and Segment properties that apply to an individual segment.
Row Properties
These properties appear when the Row itself is selected.
| Property | Description |
|---|---|
| Name | Internal widget name. Used for identification in logic or scripts. |
| Visible | Controls whether the row is displayed. When unchecked, the entire row and all widgets inside it are hidden. |
| Segment Count | Sets the number of segments (columns) in the row. Increase to add segments; decrease to remove segments from the right. Minimum value is 1. |
Segment Properties
Each segment has its own properties. To view them, select a segment:
- Blank segment — click directly on it
- Segment containing a widget — hover to reveal the bold left border, then click the border
| Property | Description |
|---|---|
| Flex-grow | Controls how much of the row's available width this segment takes relative to other segments. All segments default to 1, giving equal widths. Setting one segment to 2 while others remain at 1 makes that segment twice as wide. |
| Min-width | Sets the minimum width the segment can shrink to. Useful for preventing narrow segments from becoming too small on constrained layouts. Accepts CSS width values (e.g., 120px, 10%). |
Notes
- Each segment can hold exactly one widget. A second widget cannot be dropped into an occupied segment.
- Reducing Segment Count removes segments from the right. Any widget inside a removed segment is discarded.
- The row itself has no appearance settings; visual styling is controlled by the widgets placed inside it.