ASPxDataView.SettingsBreakpointsLayout Property
In This Article
Provides access to the Data View’s Breakpoint layout mode settings.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v24.2.dll
NuGet Package: DevExpress.Web
#Declaration
public DataViewBreakpointsLayoutSettings SettingsBreakpointsLayout { get; }
#Property Value
Type | Description |
---|---|
Data |
A Data |
#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.
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
#Online Demo
See Also