New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Primary Action Button

A button decorated by RadFormDecorator can be a Primary Action Button (Figure 1). This feature is built-in as of Q1 2016.

The primary action button on the form has bright and saturated colors to pop up more and catch attention easily. You should use a primary action button to make the default/preferred/main/safe operation on the form stand out. At this point the rest of the buttons with their default appearance become Secondary Action buttons and do not draw as much attention.

Figure 1: Primary decorated button next to a default decorated button.

Primary action button overview

To switch to a primary action button, add the rfdPrimaryButton class to the decorated button and set the RadFormDecorator's RenderMode property to Lightweight (Example 1).

Example 1: Configure a decorated button to be a primary action button.

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" RenderMode="Lightweight" />
<asp:Button ID="Button1" Text="Primary Button" runat="server" CssClass="rfdPrimaryButton" />
<asp:Button ID="Button2" Text="Default Button" runat="server" />

See Also

In this article