Hi Martijn,

The post was created by Telerik from our support ticket so maybe isn't as clear as it could be. When it mentions custom solutions it just means our own custom Blazor components such as search components rather than Telerik's. One example of a Telerik component where we were struggling to customise the icon is the the DropDownList component where we want a different search icon.

Where some components allow you to easily replace the icons with your own, other components do not, hence the idea for a much more consistent approach of globally replacing icons, so they all match the desired icon style.

Though not ideal, Telerik did offer an way to change the search icon in the DropDownList, here is what they said:

• Use a HeaderTemplate.
• In the Template add a TextBox component.
• Add the desired icon as a prefix (this will be supported in our upcoming release - see Support for input prefix and suffix icons. Currently, it is possible to add icon in the TextBox like so: https://docs.telerik.com/blazor-ui/knowledge-base/textbox-add-icon.
• Handle the ValueChanged or OnChange event of the TextBox to implement custom filtering. For the custom filtering, you need to:
  • Get the TextBox value.
  • Find the matching results in your DropDownList data source and add them to a new collection.
  • Pass that new collection to the Data parameter of the DropDownList.
  • Rebind the DropDownList and refresh its popup.

Our own components use the TelerikSvgIcon component when we need to display an icon. We have created our own custom collection of icons instead of using Telerik's, for example we have a TooltipHelp.cs icon which is referenced in an NMD3Icons.cs file (which lists all our icons) we then fetch the icons the following way:

<TelerikSvgIcon Icon="NMD3Icons.TooltipHelp" />

I hope that helps in some way, hopefully Telerik will add the ability to globally change the icons that can't currently be changed in the near future.

Thanks

Nathan

Our devs are also looking for a solution to change the icons globally to the MS Fluent 2 iconset. Can you show us your custom solution Nathan?