Need Flat Button Style for RadButton

[Vishnu]

I want RadButton as Flat Button as i have attached a image file. It would be fine if control has a property for that to apply or fine with CSS also... I have tried a lot with CSS, I did for aspx button but unable to apply for radbutton. Below are the Css Class & the RadButton 'm just showing you, how i have applied / used.

.clsButton {
    width: auto;
    font-size:1.1em;
    border-style:groove;
    padding:0px,0px,0px,0px;
    margin:0px,0px,0px,0px;
    text-align:center;
}

<telerik:RadButton ID="btnSave" runat="server" Text="Save" CssClass="clsButton" Width="150px"></telerik:RadButton>

Even i have tried by mentioning "!important" in CSS class, still no use.

Please help me out. I need it urgent. Thanks in advance for any help.

[Bozhidar]

Hi,

I am not sure what did you mean by "flat button". From your picture it looks like you need the button without any background images and rounded corners. If you look t the demo page: http://demos.telerik.com/aspnet-ajax/button/examples/overview/defaultcs.aspx you will find that RadButton has several button types. One of them - LinkBtutton is most probably what you mean by "flat button".

All the best,
Bozhidar
the Telerik team

[Princy]

Hi Vishnu,

The button shown in your attachment is simply a Telerik LinkButton. There is no need to add any CSS class to have a button like that. Please have a look into the following mark-up.

ASPX:

<telerik:RadButton ID="RadButton1" runat="server" Text="Sign In" ButtonType="LinkButton">
</telerik:RadButton>

Thanks,
Princy.

[Vishnu]

Thanks a lot... got resolved the issue. I just set a property ButtonType="LinkButton". No need of CSS also... :)

Once again Thanks to:
Bozhidar  & Princy.