Telerik Skin - Hover Over Inconsistency

4 posts, 1 answers
  1. Paul Mc
    Paul Mc avatar
    32 posts
    Member since:
    Sep 2007

    Posted 12 Jun 2009 Link to this post

    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?

  2. Answer
    Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 18 Jun 2009 Link to this post

    Hello Paul,

    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.
  3. Paul Mc
    Paul Mc avatar
    32 posts
    Member since:
    Sep 2007

    Posted 18 Jun 2009 Link to this post

    Thanks Kamen,  that works a treat and fixes all of my problems.

    I have to ask, is this worthy of any Telerik Points? :)
  4. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 18 Jun 2009 Link to this post

    Hi Paul,

    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.
Back to Top