
Telerik Admin
Top achievements
Rank 1
Iron
Telerik Admin
asked on 12 Mar 2010, 07:36 AM
Hi all,
In Q1 2010 we changed the buttons' height to 22px. (was 21px. in previous versions) in order to fit and look better when placed next to RadInput or RadComboBox item.
If you are using a custom skin, based on previous version of the control, please change the following css classes in the skin's main CSS file (FormDecorator.css) with the corresponding values as shown below:
In Q1 2010 we changed the buttons' height to 22px. (was 21px. in previous versions) in order to fit and look better when placed next to RadInput or RadComboBox item.
If you are using a custom skin, based on previous version of the control, please change the following css classes in the skin's main CSS file (FormDecorator.css) 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
;
}
9 Answers, 1 is accepted
0

XXXX
Top achievements
Rank 1
answered on 31 Mar 2010, 02:26 PM
Isn't something missing, like closing }
0

Doug Beard
Top achievements
Rank 1
answered on 05 Apr 2010, 08:19 PM
This CSS is not complete and there are several syntax problems. Not only is the end bracked missing, but the style is incorrect leaving the unhovered button with out a right end cap. I've yet to figure out which style name to add the corrected position to.
background-position: rightright -84px !important;
Seriously Frustrating!
background-position: rightright -84px !important;
Seriously Frustrating!
0
Hi guys,
Thank you for noticing that and please accept our apologies for the inconvenience. We have fixed the code fragment.
Best wishes,
Bojo
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.
Thank you for noticing that and please accept our apologies for the inconvenience. We have fixed the code fragment.
Best wishes,
Bojo
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.
0

Doug Beard
Top achievements
Rank 1
answered on 06 Apr 2010, 03:13 PM
Edit: Nevermind I found the solution.
It's confusing the whole _background... mixture. What is the '_' underscore for?
0
Hi Doug,
That is a CSS hack that ensures that the property will be read only in IE6. More information on the subject is available here:
http://designpepper.com/blog/post/defeating-ie6-with-emphasis-the-underscore-hack/
Regards,
Georgi Tunev
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.
That is a CSS hack that ensures that the property will be read only in IE6. More information on the subject is available here:
http://designpepper.com/blog/post/defeating-ie6-with-emphasis-the-underscore-hack/
Regards,
Georgi Tunev
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.
0

Doug Beard
Top achievements
Rank 1
answered on 08 Apr 2010, 01:40 PM
I'm still having a style problem on the buttons. When the button is clicked: hover.
I just can't seem to find the right class name to manipulate.
Image attached
I just can't seem to find the right class name to manipulate.
Image attached
0
Hello Doug,
Please open a support ticket and send us your skin so we could examine it. We will check it and get back to you with a solution.
Regards,
Georgi Tunev
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.
Please open a support ticket and send us your skin so we could examine it. We will check it and get back to you with a solution.
Regards,
Georgi Tunev
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.
0

Nick
Top achievements
Rank 1
answered on 03 Jun 2010, 12:54 PM
Hi There,
I got the same problem in IE 8.0.
The problem is gone when i enable compatibility view. But this aint the solution.
Please tell me if you guys already fixed this problem....
Kind Regards,
Nick
I got the same problem in IE 8.0.
The problem is gone when i enable compatibility view. But this aint the solution.
Please tell me if you guys already fixed this problem....
Kind Regards,
Nick
0
Hi Nick,
The button height works fine in IE8 - you could check Telerik RadFormDecorator Demos. Probably the problem is with your sprite or CSS if you are using custom skin.
Open a support ticket and send us a working project or live url, where we would be able to investigate the problem.
Best wishes,
Bojo
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.
The button height works fine in IE8 - you could check Telerik RadFormDecorator Demos. Probably the problem is with your sprite or CSS if you are using custom skin.
Open a support ticket and send us a working project or live url, where we would be able to investigate the problem.
Best wishes,
Bojo
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.