WebForms ToggleButton Overview

RadToggleButton (Figure 1) lets you define several states the button will go through as the user clicks it. Additionally, it provides events, supports Commands, lets you define icons or images in those states, and has a mechanism to prevent multiple postbacks. RadToggleButton is available as of Q1 2016.

The control can be easily styled by changing the Skin property or any of the properties that control the icons/images in its states.

Telerik UI for ASP.NET AJAX Ninja image

The ToggleButton is part of Telerik UI for ASP.NET AJAX, a professional grade UI library with 120+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Figure 1: RadToggleButton with two states.

WebForms ToggleButton Overview

Example 1: A basic example of different states in a RadToggleButton

<telerik:RadToggleButton runat="server" ID="RadToggleButton1">
    <ToggleStates>
        <telerik:ButtonToggleState Text="State one">
            <Icon CssClass="rbOk" />
        </telerik:ButtonToggleState>
        <telerik:ButtonToggleState Text="State two">
            <Icon CssClass="rbCancel" />
        </telerik:ButtonToggleState>
    </ToggleStates>
</telerik:RadToggleButton>

RadToggleButton does not support a Classic render mode. Setting its RenderMode to Classic will default to the Lightweight render mode.

See Also

In this article