How to change expand/collapse icon for Kendo Angular Grid V13

[Levon]

Is it possible to change icon for expande/collapse on MaterDetails Grid?
KendoGrid version in ^13.0.0

Before V13 the icon drawed in UI via icon and css "content">. And we are able just overwrite ::before styl.e.on V13 not it is SVG icon and style override not works any more. not found any infomration on this at https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/ documentation.

[Georgi]

Hi Levon, 

Thank you very much for the details provided.

Indeed, you are correct that as of R2 2023 (v13.0.0), the default icon type in the Kendo UI for Angular components and Kendo UI themes has been changed from 'font' to 'svg'.

In order to change the default SVG icons in a given component and replace them with others from the Kendo UI SVG icon list, the developer could override the getSvgIcon function and pass the desired icons that would replace the default ones. For further reference, please check out the following article: 

https://www.telerik.com/kendo-angular-ui/components/icons/icon-settings/#toc-svg-icons

For your convenience, I am also sending you a StackBlitz demo that demonstrates how to change the default SVG icons in the Master-Detail Grid: 

https://stackblitz.com/edit/angular-d1edwj

I hope this helps. Please, let me know if you need additional assistance with this case. 

Regards,
Georgi
Progress Telerik

[Rahul]

Works fine

[Georgi]

Hi Rahul,

I am happy to hear that the suggested approach helped you achieve the desired modification.

Please, let me know if I can further assist you with this case.

Regards,
Georgi
Progress Telerik