Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes

Customization Dialog

The DevExpress ASP.NET MVC GridView enables you to provide your end-users with a mobile-friendly Customization Dialog to help them refine grid data when working under touch-enabled user interfaces. The dialog is optimized for the use on touch-based UI devices, such as tablets, mobile phones and desktops/laptops with touchscreen monitors.

The following pages are available within the Customization Dialog to perform corresponding column-level data shaping operations:

  • Sorting
    Enables users to sort/unsort grid columns, change the applied sorting order of columns, and change the order of sorted columns within the grid.
  • Grouping
    Enables users to group/ungroup grid columns and change the order of grouping columns within the grid.
  • Filtering
    Enables users to filter grid columns by entering filter criteria.
  • Column Chooser
    Enables users to change the order and visibility of columns.

Use the SettingsCustomizationDialog property to access settings that specify the availability of the Customization Dialog and its pages. Note that by default, the Customization Dialog is disabled; to enable it, set the SettingsCustomizationDialog.Enabled property to true.

To display the Customization Dialog, call the ShowCustomizationDialog client method or create a toolbar item with the Command property set to the ShowCustomizationDialog enumeration value.

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\MVCxGridViewDemos