Button Skin In Radgrid

2 posts, 1 answers
  1. Danny
    Danny avatar
    37 posts
    Member since:
    May 2012

    Posted 31 Oct 2013 Link to this post

    I have two RadButtons in a FooterTemplate of a RadGrid. The RadGrid has the Metro skin.

    Both buttons showed the 'Default' skin appearance, which is the desired effect, despite not having their Skin="Default" attribute set.  I thought they would inherit the Metro skin, but I was mistaken.

    However, when I changed one of the button types to LinkButton the button shows a Metro-like skin (see attached image).  How do I get the link button to have the Default skin appearance?  Setting Skin="Default" does not do the trick. 


  2. Answer
    Danail Vasilev
    Danail Vasilev avatar
    1502 posts

    Posted 05 Nov 2013 Link to this post

    Hello Danny,

    Generally the appearance of the RadButton (ButtonType="LinkButton") is different than the appearance of the RadButton (ButtonType="StandardButton"). The link buttons uses CSS3 while the standard button uses sprite image for its background image. There is, however, similarity between the appearance of both buttons in the described case - standard button with Metro skins look almost similar to the link button. Note that this is a sequence of the Metro skin in general.

    If you want to approach the link button's appearance to the one of the standard button's you can apply rounded corners to it. For example:
    <telerik:RadButton ID="RadButton1" runat="server" ButtonType="LinkButton" CssClass="rbRounded" Text="Click" />

    Danail Vasilev
    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 the blog feed now.
Back to Top