Q1 2010 Button's height change

[Telerik Admin]

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:

.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;
}

[XXXX]

Isn't something missing, like closing }

[Doug Beard]

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! 

[Bozhidar]

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.

[Doug Beard]

Edit: Nevermind I found the solution.
It's confusing the whole _background... mixture.  What is the '_' underscore for?

[Georgi Tunev]

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.

[Doug Beard]

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

[Georgi Tunev]

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.

[Nick]

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

[Bozhidar]

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.