In this mode, the Form Layout reorganizes its elements according to custom layout scenarios for different extension widths. It allows you to create, for example, a two-column layout for narrow screens or a three-column layout for wider screens.
This functionality is based on specifying the extension widths (breakpoints) at which the editor shifts and resizes its items according to the defined rules (span rules).
Specifies width at which the control breaks the caption text and wraps to the next line.
Span Rules Object
Use the LayoutItemBase.SpanRules property at the layout item level to specify an item's behavior at different breakpoints. Each span rule is a SpanRule class instance. Use the following settings to customize the layout item's span rule.