Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Scroll Picker



This demo illustrates how to use the DevExpress ASP.NET MVC Date Edit (DateEditExtension) in scroll picker mode (the PickerDisplayMode is set to ‘ScrollPicker’ or ‘Auto’). In this mode, the Date Edit displays date components (day, month, year, time) on an independently rotating wheel.

In this demo, the DateEdit also operates in modal mode (SettingsAdaptivity.Mode=OnWindowInnerWidth). The date editor's drop-down window is displayed as a regular drop-down or modal popup (depending on the browser's width).

You can use the options on the right to change the property values and see how they affect the DateEdit in scroll picker mode.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxDataEditorsDemos