Tab

ASPxDataView.SettingsBreakpointsLayout Property

Provides access to the Data View’s Breakpoint layout mode settings.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v21.1.dll

Declaration

public DataViewBreakpointsLayoutSettings SettingsBreakpointsLayout { get; }

Property Value

Type Description
DataViewBreakpointsLayoutSettings

A DataViewBreakpointsLayoutSettings object containing the Data View’s Breakpoint layout mode settings.

Remarks

Use the SettingsBreakpointsLayout property to access the Data View settings related to the Breakpoints layout mode (the ASPxDataView.Layout property is set to Layout.Breakpoints).

The following example illustrates the programmatic and declarative approaches on how to implement three different layout scenarios for three different browser’s sizes (Small, Medium, Large) as shown on the image below.

ASPxDataView-Breakpoints

DataView.Layout = Layout.Breakpoints;
DataView.SettingsBreakpointsLayout.ItemsPerRow = 5;

DataView.SettingsBreakpointsLayout.Breakpoints.AddRange(new List<DataViewBreakpoint>(){
    new DataViewBreakpoint() { DeviceSize = BreakpointsLayoutDeviceSizes.Medium, ItemsPerRow = 3 },
    new DataViewBreakpoint() { DeviceSize = BreakpointsLayoutDeviceSizes.Custom, MaxWidth = 1300, ItemsPerRow = 4 },       
});

Concept

Layout Modes

Online Demo

Data View - Adaptive Layout

See Also