firefox customskin for a.Radform

2 posts, 0 answers
  1. dank
    dank avatar
    12 posts
    Member since:
    Apr 2009

    Posted 08 Jul 2009 Link to this post


    Hi i have css file for my anchor links defined below .this works fine for IE7 but when open the page in firefox the button
     image goes longer. I googled as that firefox has background position bug but no matched solution.
    How to a fix for this issue? thanks

    The css file is below


    /* button settings */ a.RadForm_CustomSkins, a.RadForm_CustomSkins span { background-imageurl('FormDecorator/ButtonSprites.gif'); background-repeat:no-repeatcursor:hand; cursor:pointerdisplay:inline-block; }  
    a.RadForm_CustomSkins.rfdInputDisabled:hover { background-position: 0% 0%; }  
    a.RadForm_CustomSkins .rfdInner, a.RadForm_CustomSkins.rfdInputDisabled:hover .rfdInner { margin-right11pxmargin-left11pxbackground-position: 0 -21pxcolor#fffffffont-size:11px; }  
    a.RadForm_CustomSkins.rfdInputDisabled:hover .rfdOuter { background-positionrightright 0%; }  
    a.RadForm_CustomSkins:hover { background-position: 0 -42px; }  
    a.RadForm_CustomSkins:hover .rfdInner { background-position: 0 -63pxcolor#ffffff; }  
    a.RadForm_CustomSkins:hover .rfdOuter { background-positionrightright -42px; } /* end of button settings */ 
    /* clicked button styles */ a.RadForm_CustomSkins.rfdClicked { background-imageurl('FormDecorator/ButtonSprites.gif'); background-position: 0 -84pxbackground-repeatno-repeat; }  
    a.RadForm_CustomSkins.rfdClicked span { background-imageurl('FormDecorator/ButtonSprites.gif'); }  
    a.RadForm_CustomSkins.rfdClicked .rfdInner { background-position: 0 -105pxbackground-repeatrepeat-x; color#ffffff; }  
    a.RadForm_CustomSkins.rfdClicked .rfdOuter { background-positionrightright -84pxbackground-repeatno-repeat; } /* end of clicked button styles */ 
    /* do NOT change these settings, otherwise the skinned buttons will be broken when used within a decoration zone */ a.rfdSkinnedButton.RadForm_CustomSkins { -moz-user-select: none !important; outlinenone !important; text-decorationnone !important; cursordefault !important; text-aligncenter !important; background-colortransparent !important; border: 0 !important; displayinline-block !important; background-position: 0% 0%; }  

    and the rendered html as asp:button is

     <id="_rfdSkinnedctl00_signOut" class="rfdSkinnedButton RadForm_CustomSkins"
     href="javascript:void(0)" style="width: 80px;"><span class="rfdOuter">
    <span class="rfdInner">Çıkış</span></span></a><input id="ctl00_signOut" 
    class="rfdRealButton" type="submit" value="Çıkış" name="ctl00$signOut" 
  2. Martin
    Martin avatar
    585 posts

    Posted 09 Jul 2009 Link to this post

    Hi dank,

    Try to force your custom settings with the !important flag of CSS. Most probably, the issue is cuased by the fact that our styles are loaded later in the DOM, after yours and this is why your styles are not applied. We also recommend to upgrade to the latest version of RadControls, as there are changes in RadFormDecorator.

    Best wishes,
    Martin Ivanov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Back to Top