How to Minimize gaps between Treeview nodes ?

2 posts, 0 answers
  1. Ankit
    Ankit avatar
    6 posts
    Member since:
    Dec 2012

    Posted 07 Jan 2013 Link to this post

    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
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 07 Jan 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top