Change Theme Settings
Change Theme Settings
Themes
 
Metropolis
Moderno
iOS
Material
Material Compact
Office 365
Mulberry
Show All Themes
v
...v

Adaptive Layout with Form Layout

The DevExpress ASP.NET Grid View (ASPxGridView) allows you to build adaptive page layouts with ease. The control can automatically resize or collapse grid data when the browser window is resized.

The grid layout behavior can be customized by using the SettingsAdaptivity property. In this demo, the Grid View automatically reorders its content into one column containing adaptive detail rows, when the browser window inner width is less than or equal to 800 pixels (specified by the HideDataCellsAtWindowInnerWidth property).

The adaptive detail row layout behavior can be customized by using the AdaptiveDetailLayoutProperties property. In this demo, an adaptive detail row automatically reorders its content into one column when the browser window is less than or equal to 600 pixels (specified by the SwitchToSingleColumnAtWindowInnerWidth property).