TreeView without bullets

3 posts, 1 answers
  1. Ewgenij
    Ewgenij avatar
    11 posts
    Member since:
    Jun 2020

    Posted 30 Jul Link to this post

    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. Ewgenij
    Ewgenij avatar
    11 posts
    Member since:
    Jun 2020

    Posted 30 Jul Link to this post

    Ok, I found it out. It is an angular feature https://angular.io/api/core/ViewEncapsulation I had to set encapsulation to None.
  3. Answer
    Martin
    Admin
    Martin avatar
    252 posts

    Posted 03 Aug Link to this post

    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

Back to Top