Need Flat Button Style for RadButton

4 posts, 2 answers
  1. Vishnu
    Vishnu avatar
    31 posts
    Member since:
    Jul 2012

    Posted 12 Mar 2013 Link to this post

    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;

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

  2. Answer
    Bozhidar avatar
    693 posts

    Posted 12 Mar 2013 Link to this post


    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: 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,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Answer
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 12 Mar 2013 Link to this post

    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.

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

  4. Vishnu
    Vishnu avatar
    31 posts
    Member since:
    Jul 2012

    Posted 14 Mar 2013 Link to this post

    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.
Back to Top