[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Collapse]Report and Dashboard Server
 [Expand]Installation
  License and Distribution
 [Expand]Administrative Panel
 [Expand]Create Reports
 [Collapse]Create Dashboards
   Create and Customize a Dashboard
   Bind a Dashboard to Data
   Add Dashboard Items and Perform Basic Data Shaping
   Customize the Dashboard Appearance
   Provide Interactivity to the Dashboard
   Create a Calculated Field
   Add Filter Elements
   Customize the Dashboard Layout
   Add a Dashboard Parameter and Filter Data
   Export the Dashboard and Its Items
 [Expand]Configuration and API
  User-Specific Functions
  Localization
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Add Filter Elements

This tutorial illustrates how to use special filter elements to apply filtering to dashboard items.

Expanded Use Filter Elements

You can filter dashboard items using the following elements under the Filter toolbox section:

  • The Combo Box item allows you to select one or more values from the drop-down list.
  • The List Box item allows you to select one or more values from the list.
  • The Tree View item displays values in a hierarchical way and allows you to expand/collapse nodes.

Drag and drop the List Box item from the toolbox onto the dashboard surface.

Select the added item and invoke its Bindings menu. Here click the Add Dimension placeholder and select the Country data field to provide filter values.

The list box displays check boxes by default, which allows you to select multiple values at a time. Invoke the item's Options menu and set the Type property to Radio to enable selecting only a single value in the radio group.

You can also disable the Show 'All' Value option to hide the All item that is intended to select/deselect all items in the list box.

The Ignore Master Filters option should be disabled for items to be affected by the filter elements.

Select a country in the list box to filter other dashboard items based on this value as demonstrated below for the grid item.

Expanded Add a Range Filter

Add the Range Filter item from the toolbox to the bottom of the dashboard. This item displays a chart with selection thumbs that allow you to filter values located along the argument axis.

Invoke the item's Bindings menu and provide the following data:

  • Click Add Value and select the ExtendedPrice data field to calculate the Y-coordinates of data points. The Range Filter supports various Line, Area and Bar series types available in the Type menu section. Leave the Line type for this tutorial.
  • Click Set Argument and select the OrderDate data field. This field provides values displayed along the Range Filter's horizontal axis. Set the Group Interval option to Month-Year.
  • Click Add Series and select the Country data field to use it for creating chart series.

Move the Range Filter's selection thumbs to apply filtering to other dashboard items.

Expanded See Also

Is this topic helpful?​​​​​​​