Styling the Column Menu Icon not working

1 Answer 97 Views
Filter  FontIcon Grid
Daniel
Top achievements
Rank 1
Iron
Iron
Daniel asked on 28 Nov 2021, 06:41 PM

Hi.

This functionality from the docs not working  -

https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu/#toc-styling-the-column-menu-icon

I'm trying to style the filter column menu icon when the filter is on but nothing.

any help?

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 30 Nov 2021, 06:02 AM

Hello,

The following example shows how to add a visual indication that a column has been filtered or sorted via the ColumnMenu:

https://stackblitz.com/edit/react-6s9vyu?file=app%2Fmain.tsx

We are using the active method of the ColumnMenuFilter to check if they have filtering or sorting and then we apply a custom className which we are using to style it.

We will update the example as we have made changes to the rendering which had to be reflected in the example. Apologies for the inconvenience

Regards,
Stefan
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/.

Tags
Filter  FontIcon Grid
Asked by
Daniel
Top achievements
Rank 1
Iron
Iron
Answers by
Stefan
Telerik team
Share this question
or