Change Theme Settings
Change Theme Settings
Show All Themes

Modal DropDowns

DevExpress ASP.NET MVC DropDown Editors (DateEditExtension, ComboBoxExtension, DropDownEditExtension) can switch to modal mode (SettingsAdaptivity.Mode = OnWindowInnerWidth) when the browser's width less than the specified value (SwitchToModalAtWindowInnerWidth). The DropDownEditBaseAdaptivitySettings (for the DateEditExtension and ComboBoxExtension) and DropDownEditAdaptivitySettings (for the DropDownEditExtension) objects provide settings used to customize drop-down editors in adaptivity mode.

  • Mode - Specifies the adaptivity mode.
  • SwitchToModalAtWindowInnerWidth - Specifies the maximum browser window width when an editor’s drop-down is switched to modal mode.
  • ModalDropDownCaption - Specifies the drop-down editor’s caption.
  • ShowInputInModalDropDown (for the DropDownEditExtension only) - Specifies whether the DropDownEditExtension displays the input editor in the drop-down window.
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