Skip to main content

FormLayoutAdaptivitySettings.AdaptivityMode Property

Specifies the form layout capability to respond to browser window resizing.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v22.2.dll

NuGet Package: DevExpress.Web


public FormLayoutAdaptivityMode AdaptivityMode { get; set; }

Property Value

Type Default Description
FormLayoutAdaptivityMode Off

One of the FormLayoutAdaptivityMode enumeration values.

Available values:

Name Description

Adaptivity mode is not used.


Adaptivity mode is used. The FormLayout collapses its content from multiple columns into a single column when the browser window size is smaller than the FormLayoutAdaptivitySettings.SwitchToSingleColumnAtWindowInnerWidth property setting.

Property Paths

You can access this nested property as listed below:


Set the AdaptivityMode property to SingleColumnWindowLimit to provide the form layout control with the capability to automatically change its layout when the browser window is resized. In this case, when the browser window inner width is less than or equal to the value specified by the FormLayoutAdaptivitySettings.SwitchToSingleColumnAtWindowInnerWidth property, control content is reordered into one column. The editor captions are displayed above or below the editor (based on the initial position).

When the AdaptivityMode property is set to SingleColumnWindowLimit, the width of form layout items is automatically set to 100%. In this case, you can specify the editor width manually.

When adaptive mode is enabled, the form layout is displayed as a table on an aspx page in design mode.

See Also