All Components


    SASS Theme Builder

    Create new or customize SASS themes
    Launch Theme Builder

    Grid / Filter menu customization



    You can see in this demo how to apply common settings for the MVC grid filter menu configuration, and customize its user interface.

    To begin we should specify a single filter criterion using the Filterable->Extra(false) setting, and limit the filter operators for string columns to “Starts with”, “Is equal to” and “Is not equal to”. After that we define built-in DatePicker to filter the Birth Date column, and instantiate Kendo UI AutoComplete and DropDownList for the Title and City columns, respectively.

    To create the dropdown filters, we assign JavaScript functions to the Filterable->UI attributes of the corresponding columns.

    ASP.NET MVC source

    Also available for:

    • filter_menu_customization.cshtml
    • Filter_Menu_CustomizationController.cs

    Support & learning resources

    Grid for other technologies