This is a migrated thread and some comments may be shown as answers.

TreeList Row Height when adding images

1 Answer 128 Views
TreeList
This is a migrated thread and some comments may be shown as answers.
Pedro
Top achievements
Rank 1
Pedro asked on 29 Jun 2012, 08:16 AM
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,

 

1 Answer, 1 is accepted

Sort by
0
Tsvetina
Telerik team
answered on 03 Jul 2012, 10:31 AM
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.
Tags
TreeList
Asked by
Pedro
Top achievements
Rank 1
Answers by
Tsvetina
Telerik team
Share this question
or