Problem with RadButton Skin

[Raj]

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


   
      



 

[Princy]

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.

[Abhishek]

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

[Kaushal]

Hi Abhishek,

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

Thanks,

Kaushal Jani