Edit this page

Flat Button

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

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

important

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

In order to render such a button you must add the class to the button element 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 RadFormDecorator

<telerik:RadFormDecorator runat="server" RenderMode="Lightweight" DecoratedControls="Buttons" Skin="Material" />

Flat Buttons:
<button class="rfdFlatButton">Button</button>
<input type="submit" value="Submit Button" class="rfdFlatButton"/>
<input type="button" value="Input Button" class="rfdFlatButton"/>
<br />
Normal Buttons:
<button >Button</button>
<input type="submit" value="Submit Button" />
<input type="button" value="Input Button" />

See Also