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

Grid Icons

2 Answers 804 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Scott
Top achievements
Rank 1
Veteran
Scott asked on 25 Aug 2020, 08:09 PM

How do we change the icons used by the filter mode on the Blazor Grid? 

For example the calendar and filter icon I have shown in my attachment are using Telerik Icons but we want to use Office UI Fabric Icons to match the rest of the site.

 

 

 

 

2 Answers, 1 is accepted

Sort by
0
Accepted
Marin Bratanov
Telerik team
answered on 26 Aug 2020, 08:43 AM

Hello Scott,

One way would be to inspect the rendered HTML and devise CSS rules in your app that override the built-in icons with other icons. I made a sample for you that shows the general concept and it is attached at the end of this post.

Another would be to use the filter template to implement your own code, styling and filtering logic.

 

Regards,
Marin Bratanov
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
Scott
Top achievements
Rank 1
Veteran
answered on 27 Aug 2020, 07:17 PM
Thanks.  The CSS styling is good answer.
Tags
Grid
Asked by
Scott
Top achievements
Rank 1
Veteran
Answers by
Marin Bratanov
Telerik team
Scott
Top achievements
Rank 1
Veteran
Share this question
or