Tab

DateEditCalendarAdaptivitySettings.SwitchToSingleViewAtWindowInnerWidth Property

Gets or sets a value that defines the maximum browser window inner width when the date edit switches its calendar to a single view when rendered.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v21.1.dll

Declaration

[DefaultValue(575)]
public override int SwitchToSingleViewAtWindowInnerWidth { get; set; }

Property Value

Type Default Description
Int32

575

The browser inner window width in pixels.

Property Paths

You can access this nested property as listed below:

Library Object Type Path to SwitchToSingleViewAtWindowInnerWidth
ASP.NET Bootstrap Controls BootstrapDateEditCalendarProperties
.SettingsAdaptivity.SwitchToSingleViewAtWindowInnerWidth
ASP.NET Web Forms Controls DateEditCalendarProperties
.SettingsAdaptivity.SwitchToSingleViewAtWindowInnerWidth

Remarks

The date edit drop-down window automatically changes its layout when the browser window is resized. When the browser window inner width is less than or equal to the value specified by the SwitchToSingleViewAtWindowInnerWidth property, the calendar is switched to a single view.

The following example illustrates how to use the SwitchToSingleViewAtWindowInnerWidth property.

<dx:ASPxDateEdit EditFormat="Date" ID="ASPxDateEdit1" runat="server">            
    <CalendarProperties Columns="3">
        <SettingsAdaptivity SwitchToSingleViewAtWindowInnerWidth="500" />
    </CalendarProperties>            
</dx:ASPxDateEdit>

Online Demo

Date Editor

See Also