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

TreeView without bullets

2 Answers 175 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Ewgenij
Top achievements
Rank 1
Veteran
Ewgenij asked on 30 Jul 2020, 12:44 PM

In my TreeView I have the usual <ul>-Bullets, like you can see in the attachment. In the second attachment I put the screenshot from my Google Chrome development tools where I see that the option in question

"list-style-type: disc"

 

is set by the Chrome Style Sheet. So I defined my own style sheet and imported it to my component where I set 

 

ul {
  list-style-type: none;
}

 

But it does not have any effect. What am I doing wrong then?

2 Answers, 1 is accepted

Sort by
0
Ewgenij
Top achievements
Rank 1
Veteran
answered on 30 Jul 2020, 01:54 PM
Ok, I found it out. It is an angular feature https://angular.io/api/core/ViewEncapsulation I had to set encapsulation to None.
0
Accepted
Martin
Telerik team
answered on 03 Aug 2020, 07:19 AM

Hi Ewgenij,

Yes, you are in the right direction. Setting the Angular encapsulation to None gives the possibility to access the kendo classes and overwrite them. Otherwise, the custom styles will not be applied unless they are provided at a global level. 

Regards,
Martin
Progress Telerik

Tags
TreeView
Asked by
Ewgenij
Top achievements
Rank 1
Veteran
Answers by
Ewgenij
Top achievements
Rank 1
Veteran
Martin
Telerik team
Share this question
or