How I Change the expended collapse icon from TelerikTreeView

2 Answers 6 Views
TreeView
Sami
Top achievements
Rank 2
Iron
Iron
Iron
Sami asked on 22 Jun 2024, 05:28 PM

HI:

How Can I change the expanded i/collapsed con from TelerikTreeView?

There is a demo in the documentation but is for the main icon, not for the collapse/expanded icon.

Thanks in advance.

2 Answers, 1 is accepted

Sort by
0
Sami
Top achievements
Rank 2
Iron
Iron
Iron
answered on 22 Jun 2024, 05:49 PM

I change the styles, and is working, but I'm not sure if is the right way, ¿Could you please give me and advise?

 

 .k-i-caret-alt-right::before {
     content: "\e11f";
 }
 .k-i-caret-alt-down::before {
     content: "\e122";
 }
0
Nadezhda Tacheva
Telerik team
answered on 26 Jun 2024, 11:20 AM

Hi Sami,

To change the expand/collapse icons of the TreeView I would also recommend using custom CSS.

The solution you have implemented is correct. I just want to add an important note. These styles will work only if the TreeView uses Font icons. This was by default up to UI for Blazor 4.3.0. After that, the default icon type was changed to SVG and you will need different styling for that. Here is an example: https://blazorrepl.telerik.com/GoYUmKbv15GO0B3v44.

    Regards,
    Nadezhda Tacheva
    Progress Telerik

    Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
    Tags
    TreeView
    Asked by
    Sami
    Top achievements
    Rank 2
    Iron
    Iron
    Iron
    Answers by
    Sami
    Top achievements
    Rank 2
    Iron
    Iron
    Iron
    Nadezhda Tacheva
    Telerik team
    Share this question
    or