This is a migrated thread and some comments may be shown as answers.

Grid Filter Menu popup dialog

4 Answers 1509 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Chau
Top achievements
Rank 1
Chau asked on 21 Mar 2018, 02:42 PM

Currently, if we set the kendo-grid filterable="menu", clicking on the filtericon in a grid column opens a dialog with a dropdownlist of filter operators, an input text field, a dropdownlist of logical operators (AND, OR), a dropdownlist of filter operators and an input text field.  (see attached png).

For my project, I only want to show one dropdownlist of filter operators and one input field in the filter menu popup dialog. Is it possible to customize the kendoGridFilterMenu template?

Thanks for any suggestion.

4 Answers, 1 is accepted

Sort by
0
Dimiter Topalov
Telerik team
answered on 22 Mar 2018, 09:44 AM
Hi Chau,

You can customize the Grid Menu template, as described in the following sections of our documentation:

https://www.telerik.com/kendo-angular-ui/components/grid/data-operations/filtering/built-in-template/

https://www.telerik.com/kendo-angular-ui/components/grid/data-operations/filtering/built-in-template/#toc-customizing-filter-menus

https://www.telerik.com/kendo-angular-ui-develop/components/grid/data-operations/filtering/reusable-filter/#toc-filter-menu

You can use either the available built-in Grid filter components within the Grid Filter Menu template, or create and use a reusable custom filter component.

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
rahul
Top achievements
Rank 1
answered on 19 Aug 2020, 10:32 AM

Can you please explain me how we can Change the label of the boolean filter, when there is multiple column containing boolean filter in a grid.

Suppose IsActive and IsVerified. So specifically we have to change the filter label to "isTrue"-Active, "IsFalse" - Inactve and for the other column "isTrue"-Verified, "IsFalse"-UnVerified.

0
Dimiter Topalov
Telerik team
answered on 21 Aug 2020, 07:43 AM

Hello Rahul,

When the Filter Menu template is used, the developer has full control over the content of the filtering UI. The custom boolean filters can have whatever labels necessary, based on some custom logic depending on the field the respective column is bound to, for example:

https://stackblitz.com/edit/angular-tjmedw?file=app/app.component.ts // all custom logic required for hooking the custom UI elements with the Grid filter service and functionality is in the hands of the developer, and is described in details in the article on Filter Menu Template, linked above.

There is a much more straight-forward approach for changing the labels of the built-in Grid boolean filter menu, but it will affect the whole Grid, and the custom texts cannot be different in different columns - the Grid texts can be customized via the custom messages component:

https://www.telerik.com/kendo-angular-ui/components/grid/globalization/#toc-custom-messages

https://www.telerik.com/kendo-angular-ui/components/grid/api/CustomMessagesComponent/#toc-filterisfalse

https://www.telerik.com/kendo-angular-ui/components/grid/api/CustomMessagesComponent/#toc-filteristrue

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
rahul
Top achievements
Rank 1
answered on 26 Aug 2020, 05:10 AM

Thanks Dimiter, that helped.

Tags
General Discussions
Asked by
Chau
Top achievements
Rank 1
Answers by
Dimiter Topalov
Telerik team
rahul
Top achievements
Rank 1
Share this question
or