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.v20.2.dll

NuGet Package: DevExpress.Web

Declaration

C#

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

VB.NET

<DefaultValue(0)>
Public Overridable Property SwitchToSingleViewAtWindowInnerWidth 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 SwitchToSingleViewAtWindowInnerWidth
ASP.NET Controls and MVC Extensions	ASPxCalendar	.SettingsAdaptivity .SwitchToSingleViewAtWindowInnerWidth
	DateNavigatorProperties	.SettingsAdaptivity .SwitchToSingleViewAtWindowInnerWidth
	CalendarProperties	.SettingsAdaptivity .SwitchToSingleViewAtWindowInnerWidth
	DateEditCalendarProperties	.SettingsAdaptivity .SwitchToSingleViewAtWindowInnerWidth
ASP.NET Bootstrap Controls	BootstrapCalendar	.SettingsAdaptivity .SwitchToSingleViewAtWindowInnerWidth
	BootstrapCalendarProperties	.SettingsAdaptivity .SwitchToSingleViewAtWindowInnerWidth
	BootstrapDateEditCalendarProperties	.SettingsAdaptivity .SwitchToSingleViewAtWindowInnerWidth
	BootstrapSchedulerDateNavigatorProperties	.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.

ASPX

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