New Forest theme Button in Q1 2010

2 posts, 0 answers
  1. Joel
    Joel avatar
    185 posts
    Member since:
    Oct 2006

    Posted 10 Mar 2010 Link to this post

    Are the partial white underline and square bottom corners of the decorated buttons in the Forest theme for the Q1 2010 release intentional?
  2. Petio Petkov
    Petio Petkov avatar
    825 posts

    Posted 11 Mar 2010 Link to this post

    Hi Joel,

    We tested this online example(2010/Q1), and everything seems to be fine with the buttons in the Forest skin.
    Please keep in mind that we changed the buttons' height(22px) in order to fit and look better when placed next to input or combobox item. The previous button height was 21px, and in 2010/Q1 release it is 22px.
    In case that you don't use the skin from the 2010/Q1 release, please change the following css classes with the corresponding values as shown below:
    .rfdButton a.rfdSkinnedButton, 
    .rfdButton a.rfdSkinnedButton * 
        height: 21px !important
        line-height: 21px !important
    .rfdButton input[type="button"].rfdDecorated, 
    .rfdButton input[type="reset"].rfdDecorated, 
    .rfdButton input[type="submit"].rfdDecorated, 
    .rfdButton .rfdSkinnedButton button, 
    .rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover * 
        background-position: left -21px !important
        height: 21px !important
        line-height: 21px !important
    .rfdButton a.rfdSkinnedButton * 
        _background-position: left -21px !important
    /* IE6 fixes */
    .rfdButton a.rfdInputDisabled:hover * 
        _background-position: left -21px !important
    .rfdButton a.rfdSkinnedButton:hover 
        background-position: right -42px !important
    .rfdButton a.rfdSkinnedButton:hover * 
        background-position: left -63px !important
    .rfdButton a.rfdClickedButton, .rfdButton a.rfdClickedButton:hover 
        background-position: right -84px !important
    .rfdButton a.rfdSkinnedButton.rfdClickedButton * 
        background-position: left -105px !important
    /* IE7 hovers fix */
    * + html.rfdButton a.rfdSkinnedButton:hover *, 
    * + html .rfdButton a.rfdSkinnedButton:hover * 
        background-position: left -63px !important

    If you are unable to upgrade your custom skin, please send it to us and we will do the upgrade for you.

    Best wishes,
    Petio Petkov
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top