TreeList Row Height when adding images

2 posts, 0 answers
  1. Pedro
    Pedro avatar
    2 posts
    Member since:
    Jun 2012

    Posted 29 Jun 2012 Link to this post


    I'm Experiencing one anoying problem and i would apreciate any help.

    So, i have a treelist with skin=Hay and i also have one TreeListTemplate column where i want to add 5 icons with size 24px by 24px.
    When i remove all the images the treelist rows are with the correct height, but when i add the icons the row height grows (seems to me to 32px). If in the middle of the treelist one row does not contain any picture the row heigth is diferent.
    Besides this problem i still have one left. When i select the row only part of the height becomes selected.

    The pictures in attach ilustrates the issue.

    Note: the icons are really 24x24 i am not resizing
    Also Note that at itemdatabound i'm setting item.height to 24 pixels.

    Thanks in Advance,


  2. Tsvetina
    Tsvetina avatar
    1862 posts

    Posted 03 Jul 2012 Link to this post

    Hello Pedro,

    I am posting the reply from your support ticket here if anyone encounters the same problems. If you have any further questions, please write to us in the formal support thread.
    Please note that there are also top and bottom paddings for the cells in RadTreeList and if you do not clear them, you get 7 more pixels in height. You can clear the default paddings with the following CSS rule:
    div.RadTreeList .rtlTable .rtlR td, div.RadTreeList .rtlTable .rtlA td
        padding-top: 0;
        padding-bottom: 0;

    if you set height for the rows they should appear equally high, no matter if they have an image or not.

    As for the second problem, in the default scenario you should not get such appearance on selection, can you confirm that you have not customized the backgrounds in the grid. If you have, make sure that the selected row has a background color #9DD672 for the Hay skin:

    div.RadTreeList_Hay tr.rtlRSel
        background-color: #9DD672;

    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. DevCraft R3 2016 release webinar banner
Back to Top