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:
Image may be NSFW.
Clik here to view.
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:
Image may be NSFW.
Clik here to view.
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:
DropDownEditBaseAdaptivitySettings(DateEdit and ComboBox)DropDownEditAdaptivitySettings(DropdownEdit)
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:
- ASP.NET, MVC, and Bootstrap - ComboBox, ListBox, and TokenBox - Database Server Mode (v18.2)
- ASP.NET and MVC Editors - Floating Action Button (v18.2)
- ASP.NET and MVC DateEdit & Calendar - Month-Year Picker (v18.2)
What are your thoughts on the DevExpress ASP.NET Editors' new adaptivity improvements? Drop me a line below, thanks!
Image may be NSFW.Clik here to view.
