TreeList Row Height when adding images

[Pedro]

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,

 

[Tsvetina]

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