Problem with RadButton Skin

4 posts, 0 answers
  1. Raj
    Raj avatar
    3 posts
    Member since:
    Nov 2011

    Posted 06 Dec 2011 Link to this post

    Hello,
                   
                  Recently i am working with RadButton when we apply skin to it and run it. It is not diplayed properly it is Displayed like Broken
    Button, i am  sending image of the button with this mail..  Pls Respond...


       
          



     
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 06 Dec 2011 Link to this post

    Hello,

    I have tried the same but no avail. I am using the version 2011, 2, 915, 35. Here is the screenshot

    ASPX:
    <telerik:RadButton ID="btnskin" runat="server" Text="SKIN" Skin="Sunset">
    </telerik:RadButton>

    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Abhishek
    Abhishek avatar
    45 posts
    Member since:
    Jul 2012

    Posted 17 Jan 2012 Link to this post

    Hello Raj,
    I have created your scenario as per your statements.When you apply skin on button its displaying like broken because of your RadButton css Width. Please find the attachment for image. The below logic without broken skin works fine in chrome, firefox, etc. but not IE. 
    <style type="text/css">
    .RadButton .rbDecorated
    {
        min-width: 400px !important;
    }
    </style>
    <telerik:RadButton ID="btnskin" runat="server" Text="Broken Skin" Skin="Black">
    </telerik:RadButton>


    So Solution to your problem is overide the css properties in your page level then it works in IE also smoothly:
    <style type="text/css">
    .RadButton .rbDecorated
    {
        min-width: 400px !important;
        padding-left:0px !important;
        padding-right:0px !important;
        background-repeat:repeat-x !important;
    }
    </style>
    <telerik:RadButton ID="btnskin" runat="server" Text="Not Broken Skin" Skin="Black">
    </telerik:RadButton> Thanks, Abhishek Kadam
  5. Kaushal
    Kaushal avatar
    47 posts
    Member since:
    Sep 2010

    Posted 17 Jan 2012 Link to this post

    Hi Abhishek,

    I tried you way for RadButton. And its working fine. Please see attached image.

    Thanks,

    Kaushal Jani
Back to Top