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

Filter Builder

Product Name:Chai
Category Name:Beverages
Company Name:Exotic Liquids
Contact Name:Charlotte Cooper
Unit Price:$18.00
Units In Stock:39
Total:$702.00
Product Name:Chang
Category Name:Beverages
Company Name:Exotic Liquids
Contact Name:Charlotte Cooper
Unit Price:$19.00
Units In Stock:17
Total:$323.00
Product Name:Guaraná Fantástica
Category Name:Beverages
Company Name:Refrescos Americanas LTDA
Contact Name:Carlos Diaz
Unit Price:$4.50
Units In Stock:20
Total:$90.00
Product Name:Sasquatch Ale
Category Name:Beverages
Company Name:Bigfoot Breweries
Contact Name:Cheryl Saylor
Unit Price:$14.00
Units In Stock:111
Total:$1,554.00
Product Name:Steeleye Stout
Category Name:Beverages
Company Name:Bigfoot Breweries
Contact Name:Cheryl Saylor
Unit Price:$18.00
Units In Stock:20
Total:$360.00
Product Name:Côte de Blaye
Category Name:Beverages
Company Name:Aux joyeux ecclésiastiques
Contact Name:Guylène Nodier
Unit Price:$263.50
Units In Stock:17
Total:$4,479.50
Page 1 of 2 (12 items)Prev12Next
Show filter builder dialog[Category Name] Equals 'Beverages' Clear


The DevExpress ASP.NET MVC Card View implements the built-in Filter Builder allows end-users to build complex filter criteria with an unlimited number of filter conditions and logical operators. You can activate the Filter Builder by clicking the image or filter expression link displayed within the Filter Bar displayed at the bottom of the card view.

  • Add/Remove conditions
    To create and customize filter criteria, use the Add and Remove buttons.
  • Change a column in the filter condition
    To change a condition's column, invoke the column list and choose the required column.
  • Change an operator in the filter condition
    To change a condition's operator, invoke the operator list and choose the required operator.
  • Edit a condition's value
    To edit a condition's value, click the operand value and enter the appropriate text. To discard changes to the value and close the active edit box, press the ESC key.
Collapse/Expand
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\MVCxCardViewDemos