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

New Forest theme Button in Q1 2010

1 Answer 39 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
Joel
Top achievements
Rank 2
Joel asked on 10 Mar 2010, 09:11 PM
Are the partial white underline and square bottom corners of the decorated buttons in the Forest theme for the Q1 2010 release intentional?

1 Answer, 1 is accepted

Sort by
0
Petio Petkov
Telerik team
answered on 11 Mar 2010, 04:13 PM
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.
Tags
FormDecorator
Asked by
Joel
Top achievements
Rank 2
Answers by
Petio Petkov
Telerik team
Share this question
or