Adaptivity remains one of the most important features of a modern website. Which is why you'll appreciate the latest features that we've added to the ComboBox, DateEdit, and DropDownEdit controls:
- Scroll Picker
- Modal Drop Down
These features will enhance the usability on small screen (mobile) devices. Of course, both the DevExpress ASP.NET WebForms and MVC versions of the controls get these new features. Let's take a look.
Scroll Picker
We added a new mobile-friendly way to select dates with the DevExpress ASP.NET DateEdit control:
Enable
To enable this feature, set the DateEdit's PickerDisplayMode
property to Auto
, Calendar
, or ScrollPicker
. The default is Auto
.
If the DateEdit is in modal mode, then the ScrollPicker
is automatically selected. Otherwise, the standard Calendar
is selected.
Demo - Scroll Picker - WebForms and MVC
Rest assured that the scroll picker mode works to help select the time section too.
Modal drop down
On smaller device screens, a popup can be difficult to see, so it's better to use a modal popup to gain the end user's attention.
Therefore, we've added a new modal drop-down mode to several of the ASP.NET Editors:
The animation above shows how much more effective it is to show the drop down as a modal popup in the middle of the screen for small screen devices. This allows end-users to easily select the necessary values from the controls with the drop-down.
This feature is available with the following controls:
- ComboBox
- DateEdit
- DropDownEdit
Settings
Set the SettingsAdaptivity.Mode
property to OnWindowInnerWidth
to enable this feature. Then, the control will switch to modal mode when the browser's width is less than the SwitchToModalAtWindowInnerWidth
property value. Use the following settings to customize drop-down editors in adaptivity mode:
Demo - Modal DropDowns - WebForms and MVC
More Editor Features
Check out some of the other great new features of the DevExpress ASP.NET Editors for ASP.NET WebForms and MVC in our latest release:
What are your thoughts on the DevExpress ASP.NET Editors' new adaptivity improvements? Drop me a line below, thanks!
Free DevExpress Products – Get Your Copy Today
The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the
DevExpress Support Center at your convenience. We’ll be happy to follow-up.