CalendarAdaptivitySettings.SwitchToSingleMonthAtWindowInnerWidth Property

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

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v18.2.dll

Declaration

C#

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

VB.NET

<DefaultValue(0)>
Public Overridable Property SwitchToSingleMonthAtWindowInnerWidth As Integer

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

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 SwitchToSingleMonthAtWindowInnerWidth property, the calendar switches to a single-month view.

The following example illustrates how to use the SwitchToSingleMonthAtWindowInnerWidth property.

ASPX

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