Q1 2010 Button's height change

10 posts, 0 answers
  1. Telerik Admin
    Telerik Admin avatar
    1679 posts
    Member since:
    Oct 2004

    Posted 12 Mar 2010 Link to this post

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

  2. XXXX
    XXXX avatar
    57 posts
    Member since:
    Jun 2008

    Posted 31 Mar 2010 Link to this post

    Isn't something missing, like closing }
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Doug Beard
    Doug Beard avatar
    55 posts
    Member since:
    Sep 2009

    Posted 05 Apr 2010 Link to this post

    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! 
  5. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 06 Apr 2010 Link to this post

    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.
  6. Doug Beard
    Doug Beard avatar
    55 posts
    Member since:
    Sep 2009

    Posted 06 Apr 2010 Link to this post


    Edit: Nevermind I found the solution.
    It's confusing the whole _background... mixture.  What is the '_' underscore for?
  7. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 07 Apr 2010 Link to this post

    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.
  8. Doug Beard
    Doug Beard avatar
    55 posts
    Member since:
    Sep 2009

    Posted 08 Apr 2010 Link to this post

    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

  9. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 13 Apr 2010 Link to this post

    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.
  10. Nick
    Nick avatar
    10 posts
    Member since:
    Nov 2007

    Posted 03 Jun 2010 Link to this post

    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
  11. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 08 Jun 2010 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017