FormLayoutAdaptivitySettings.AdaptivityMode Property
Specifies the form layout capability to respond to browser window resizing.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v18.2.dll
Declaration
[DefaultValue(FormLayoutAdaptivityMode.Off)]
public FormLayoutAdaptivityMode AdaptivityMode { get; set; }Property Value
| Type | Default | Description |
|---|---|---|
| FormLayoutAdaptivityMode | **Off** | One of the FormLayoutAdaptivityMode enumeration values. |
Available values:
| Name | Description |
|---|---|
| Off | Adaptivity mode is not used. |
| SingleColumnWindowLimit | 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:
| Library | Object Type | Path to AdaptivityMode |
|---|---|---|
| ASP.NET Bootstrap Controls | BootstrapCardViewFormLayoutProperties |
|
| BootstrapFormLayout |
|
|
| BootstrapFormLayoutProperties |
|
|
| BootstrapGridViewFormLayoutProperties |
|
|
| ASP.NET Web Forms Controls | ASPxFormLayout |
|
| CardViewFormLayoutProperties |
|
|
| FormLayoutProperties |
|
|
| GridFormLayoutProperties |
|
|
| GridViewFormLayoutProperties |
|
|
| FormLayoutSettings<ModelType> |
|
|
| MVCxCardViewFormLayoutProperties |
|
|
| MVCxFormLayout |
|
|
| MVCxGridViewFormLayoutProperties |
|
|
| MVCxGridViewFormLayoutProperties<ModelType> |
|
Remarks
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.