Completed
Last Updated: 18 Jun 2019 12:55 by ADMIN
Michael
Created on: 23 Apr 2019 17:42
Type: Feature Request
1
GridColumnMenuFilter - Visual indicator

It is important for my users to be able to invoke the GridColumnMenuFilter  directly from the grid header. ie. The jQuery version has the filter icon beside the header text  (Rather than having to click a menu and then click "Filter" - which is necessary if all I want is a filter.

I know this is possible with some CSS.  But it is important that there is a visual indicator that the filter is on (which the jQuery version supports but doesn't seem currently possible with the React version)

Thanks

 

3 comments
ADMIN
Stefan
Posted on: 18 Jun 2019 12:55
Hello, Michael,

Yes, I we saw that this was a commonly asked question we decided to make an example on how to achieve this effect with the current version of the Grid.

I hope it proves helpful.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Michael
Posted on: 13 Jun 2019 18:05
ADMIN
Stefan
Posted on: 24 Apr 2019 06:09
Hello, Michael,

Thank you for the request.

As this is discusses already inside the ticket, I will post the same response here for better visibility:

1) Having a filter menu on click in the header. This effect can be achieved with the columnMenu as well. It will require setting only the "GridColumnMenuFilter" component inside the columnMenu and setting its expanded property to true. This will create the visual effect as the jQuery filter menu.

Also, the following CSS will be needed for the icons:

.k-i-more-vertical::before, .k-i-vbars::before {
  content: "\e129";
}


This is an example of this implementation:

https://stackblitz.com/edit/react-hw19xy-gel8zy?file=index.html

2) The visual indication that there is already applied filter: This is currently not added because the column menu may have custom components, and as these components can come from outside, the Grid will not receive information if there is a filter set to them. It is possible in the other Grid because everything is internal, but based on many years of experience and the React concept, we allow many of the components can be customized or directly replaced with a custom alternative.

We will keep an eye for an option to apply an visual indication that the filter is applied and keep the customization.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items