Change Treelist row reorder icon

0 Answers 57 Views
TreeList
ankit
Top achievements
Rank 1
ankit asked on 21 Jul 2023, 06:06 AM
Hi,

I am using Treelist as a new component in my project. we have a requirement where we need to change icon of row reorder column. Could you suggest what would be the best way to do that. Please refer to the screenshot attached; circled icon needs to be replaced.
ankit
Top achievements
Rank 1
commented on 24 Jul 2023, 03:44 AM

Please note I am using Kendo Angular UI Library.
Georgi
Telerik team
commented on 25 Jul 2023, 11:40 AM

Hi Ankit, 

Thank you very much for the screenshot provided.

If I understood you correctly, you are currently using the row reordering functionality of the Kendo UI for Angular TreeList component and are looking for an approach that would allow you to change the default reordering icon. Please, correct me if I misunderstood you.

What I would suggest in order to achieve the desired modification would be to create a custom service extending the built-in IconSettingsService and override the getSvgIcon function: 

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

For further reference, please check out the following article: 

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

I hope this helps. Please, let me know if I am missing out on something. 

Regards,
Georgi
Progress Telerik

No answers yet. Maybe you can help?

Tags
TreeList
Asked by
ankit
Top achievements
Rank 1
Share this question
or