Hi
We have been working with the Rad:TreeView using the “Telerik” skin and have noticed an inconsistency with the hover over effect in IE7 vs IE8 vs FF3.
The inconsistency also seems to be happen on this online demo for us as well.
When you hover over a node, in IE7 there appears to be an extra lighter green line within the border at the top of the anchor tag. In IE8 the same happens but the extra line appears inside the border at the bottom. The extra line gives the appearance that the top/bottom border respectively is 1px larger than it should be.
In FF3, there is no extra line which I think is consistent with other controls within the suite.
In our case, we have been trying to set the font size larger on the anchor (class rtIn) as well which seems to amplify the problem. As the font gets larger the "padding-top" appears to get larger.
Has anyone else had this problem?
3 Answers, 1 is accepted
The border issue was fixed and the fix will be available with the next internal build. Meanwhile as a workaround you can add these CSS rules to your project to fix it:
div.RadTreeView_Telerik .rtHover .rtIn
{
background-color: #d0f7c3;
}
div.RadTreeView_Telerik .rtSelected .rtIn
{
background-color: #9dce78;
}
As for the font size issue - the padding is not getting larger - the row container is cutting the top and bottom part of the hovers. That's why you will need to adjust the height of another element - rtSp. For instance to make the font-size 20px you need to add this CSS to your project:
.RadTreeView .rtSp
{
height: 35px;
}
All the best,
Kamen Bundev
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Rank 1
I have to ask, is this worthy of any Telerik Points? :)
I'm sorry, I've updated your Telerik points accordingly.
Regards,
Kamen Bundev
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.