ASP.NET & MVC Editors - Adaptivity Enhancements (v18.2)

ASP.NET Team Blog
16 November 2018

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:

DevExpress-ASP-Adaptivity-Enhancements - Scroll Picker


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:

DevExpress-ASP-Adaptivity-Enhancements - ModalDropDown

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


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.
No Comments

Please login or register to post comments.