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.v24.2.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:
| Object Type | Path to SwitchToSingleViewAtWindowInnerWidth |
|---|---|
| DateEditCalendarProperties |
|
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
See Also