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

    Hi,

    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
    Admin
    Tsvetina avatar
    1876 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;
    }


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