Question about indention of nodes using custom skin...

2 posts, 0 answers
  1. J
    J avatar
    143 posts
    Member since:
    Jun 2006

    Posted 09 Jun 2009 Link to this post

    My TreeView is using a custom skin (as according to this post) and everything works great.  Here is my question, in my TreeView i wanna give each level a little left-padding so it will take up more real estate on my page. 

    I believe that this is done with the following class:

    .RadTreeView_??? .rtLines .rtLast,  
    .RadTreeView_??? .rtLines .rtLast .rtUL  
    {  
        background:none;  
        padding-left: 30;  

    But what I have noticed is that this does indeed put an indent of 30px on every node, except for the last node of with in a sub group.  For this instance, it seems to double the indention and looks weird.

    Any idea why this happens?
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 12 Jun 2009 Link to this post

    Hello J,

    Actually you are setting the padding to the groups in the last element (if you have a root element this means every UL, plus every last element will get two paddings (one for the UL and one for the element). That's why it is looking weird. Use this rule to override the child group padding:
    div.RadTreeView .rtUL .rtLI .rtUL {
          padding-left: 30px;

    Best wishes,
    Kamen Bundev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top