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

RadTreeView Bullet Image

2 Answers 62 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Jeff
Top achievements
Rank 2
Iron
Iron
Veteran
Jeff asked on 02 Mar 2021, 12:35 PM
Is there a way to change the arrow shape for a RadTreeView node?

2 Answers, 1 is accepted

Sort by
0
Jeff
Top achievements
Rank 2
Iron
Iron
Veteran
answered on 04 Mar 2021, 12:13 PM

In case anyone else was wondering how, I changed the arrow shape to a caret shape with the following styles:

.RadTreeView .rtMinus:before {
    content: "\e014" !important;
}

.RadTreeView .rtPlus:before {
    content: "\e015" !important;
}

0
Doncho
Telerik team
answered on 05 Mar 2021, 09:35 AM

Hi Jeff,

Thank you for sharing this solution with the community!

I would only suggest avoiding the use of "!important" statement and use a more specific selector instead, see CSS !important: Don’t Use It. Do This Instead.

For example:

html body .RadTreeView .rtMinus:before {
    content: "\e014";
}

html body .RadTreeView .rtPlus:before {
    content: "\e015";
}

More on CSS specificity you can find here: 

Kind regards,
Doncho
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/.

Tags
TreeView
Asked by
Jeff
Top achievements
Rank 2
Iron
Iron
Veteran
Answers by
Jeff
Top achievements
Rank 2
Iron
Iron
Veteran
Doncho
Telerik team
Share this question
or