Tab

CalendarAdaptivitySettings.SwitchToSingleViewAtWindowInnerWidth Property

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

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v21.1.dll

Declaration

[DefaultValue(0)]
public virtual int SwitchToSingleViewAtWindowInnerWidth { get; set; }

Property Value

Type Default Description
Int32

0

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 BootstrapCalendar
.SettingsAdaptivity.SwitchToSingleViewAtWindowInnerWidth
BootstrapCalendarProperties
.SettingsAdaptivity.SwitchToSingleViewAtWindowInnerWidth
BootstrapDateEditCalendarProperties
.SettingsAdaptivity.SwitchToSingleViewAtWindowInnerWidth
BootstrapSchedulerDateNavigatorProperties
.SettingsAdaptivity.SwitchToSingleViewAtWindowInnerWidth
ASP.NET Web Forms Controls ASPxCalendar
.SettingsAdaptivity.SwitchToSingleViewAtWindowInnerWidth
DateNavigatorProperties
.SettingsAdaptivity.SwitchToSingleViewAtWindowInnerWidth
CalendarProperties
.SettingsAdaptivity.SwitchToSingleViewAtWindowInnerWidth
DateEditCalendarProperties
.SettingsAdaptivity.SwitchToSingleViewAtWindowInnerWidth
ASP.NET MVC Extensions MVCxCalendar
.SettingsAdaptivity.SwitchToSingleViewAtWindowInnerWidth
MVCxCalendarProperties
.SettingsAdaptivity.SwitchToSingleViewAtWindowInnerWidth

Remarks

The calendar automatically changes its drop-down window 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 switches to a single view.

The following example illustrates how to use the SwitchToSingleViewAtWindowInnerWidth property.

<dx:ASPxCalendar runat="server" SelectedDate="2/25" Columns="3">
    <SettingsAdaptivity SwitchToSingleViewAtWindowInnerWidth="500" />
</dx:ASPxCalendar>
See Also