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

Q1 2010 Button's height change

9 Answers 180 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
Telerik Admin
Top achievements
Rank 1
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:

.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

Sort by
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-positionrightright -84px !important;

Seriously Frustrating! 
0
Bozhidar
Telerik team
answered on 06 Apr 2010, 01:08 PM
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.
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
Georgi Tunev
Telerik team
answered on 07 Apr 2010, 07:36 AM
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.
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

0
Georgi Tunev
Telerik team
answered on 13 Apr 2010, 12:12 PM
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.
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
0
Bozhidar
Telerik team
answered on 08 Jun 2010, 01:27 PM
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.
Tags
FormDecorator
Asked by
Telerik Admin
Top achievements
Rank 1
Answers by
XXXX
Top achievements
Rank 1
Doug Beard
Top achievements
Rank 1
Bozhidar
Telerik team
Georgi Tunev
Telerik team
Nick
Top achievements
Rank 1
Share this question
or