DataViewSettings.SettingsBreakpointsLayout Property
Provides access to the Data View’s Breakpoint layout mode settings.
Namespace: DevExpress.Web.Mvc
Assembly: DevExpress.Web.Mvc5.v24.1.dll
NuGet Package: DevExpress.Web.Mvc5
Declaration
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 DataViewSettings.Layout property is set to Layout.Breakpoints).
Refer to the Layout Modes topic for more information.
Online Demo
Example
The following example illustrates how to implement three different layout scenarios for three different browser sizes (Small, Medium, Large) as shown on the image below.
@Html.DevExpress().DataView(settings => {
...
settings.Layout = DevExpress.Web.Layout.Breakpoints;
settings.SettingsBreakpointsLayout.ItemsPerRow = 5;
settings.SettingsBreakpointsLayout.Breakpoints.Add(BreakpointsLayoutDeviceSizes.Small, 3);
settings.SettingsBreakpointsLayout.Breakpoints.Add(BreakpointsLayoutDeviceSizes.Custom, 1300, 4);
...
}).GetHtml()
See Also