DateEditCalendarAdaptivitySettings.SwitchToSingleMonthAtWindowInnerWidth Property
Gets or sets a value that defines the maximum browser window inner width when the date edit switches its calendar to a single-month view when rendered.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v19.2.dll
Declaration
[DefaultValue(575)]
public override int SwitchToSingleMonthAtWindowInnerWidth { 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 SwitchToSingleMonthAtWindowInnerWidth |
|---|---|---|
| ASP.NET Controls and MVC Extensions | DateEditCalendarProperties |
|
| ASP.NET Bootstrap Controls | BootstrapDateEditCalendarProperties |
|
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 SwitchToSingleMonthAtWindowInnerWidth property, the calendar is switched to a single-month view.
The following example illustrates how to use the SwitchToSingleMonthAtWindowInnerWidth property.
<dx:ASPxDateEdit EditFormat="Date" ID="ASPxDateEdit1" runat="server">
<CalendarProperties Columns="3">
<SettingsAdaptivity SwitchToSingleMonthAtWindowInnerWidth="500" />
</CalendarProperties>
</dx:ASPxDateEdit>
Online Demo
See Also