How to Minimize gaps between Treeview nodes ?

[Ankit]

Hi,

We have recently updated telerik controls. Earlier We were using 2009 version. Now we updated to 2012 3.5 version. After Updating the telerik treeview controls and applying skins, there are lot of gap between two nodes. Earlier it was not like that. It was having proper gaps between two nodes. As we have around 500 nodes, Height of page is now increased and user has to scroll for getting desired node.

Can you provide us the proper skin\stylesheet which will minimize the gap between two nodes?

Thanks,
Ankit Trivedi

[Princy]

Hi Ankit,

You should use the following css rules to reduce the space between the nodes.

CSS:

<style type="text/css">
    div.RadTreeView
    {
        line-height: 16px !important;
    }

    div.RadTreeView .rtSp
    {
        height: 14px !important;
    }

    div.RadTreeView .rtHover .rtIn, div.RadTreeView .rtSelected .rtIn
    {
        padding: 0px 1px 0px !important;
    }

    div.RadTreeView .rtIn
    {
        padding: 1px 2px 1px !important;
    }
</style>

Hope this helps.

Regards,
Princy.