Flat Button

This article shows how to get a flat button from a RadButton with the Material Skin.

А Flat button is styled with no background color. You can see an example in Figure 1.

The Flat button style is available only with the Material Skin.

In order to render such a button you must add the undefined class to the control so to get the proper styles. You can see Example 1.

Figure 1: Flat button style vs normal button style.

Example 1: Rendering flat button with RadButton

ASP.NET

<telerik:RadButton runat="server" Skin="Material" CssClass="rbFlatButton"
    RenderMode="Lightweight" Text="Flat Button" />
<br />
<telerik:RadButton runat="server" Skin="Material" 
    RenderMode="Lightweight" Text="Normal Button" />

See Also

• RadPushButton: Flat Button

• RadLinkButton: Flat Button

• RadFormDecorator: Flat Button