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?
1 Answer, 1 is accepted
0
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:
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.
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.