# WebForms ToggleButton Overview

**RadToggleButton** (**Figure 1**) lets you define several [states](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/functionality/select-state) the button will go through as the user clicks it. Additionally, it provides events, supports Commands, lets you [define icons](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/functionality/icons/embedded-icons) or [images](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/functionality/image) in those states, and has a [mechanism to prevent multiple postbacks](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/functionality/single-click). **RadToggleButton** is available as of **Q1 2016**.

The control can be easily styled by changing the **[Skin](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/appearance-and-styling/skins)** property or any of the properties that control the icons/images in its states.

> caption Figure 1: RadToggleButton with two states.

![WebForms ToggleButton Overview](https://www.telerik.com/products/aspnet-ajax/documentation/assets/0ee1c3abde3b07feaf45817f8416d007/toggle-button-overview.png "WebForms ToggleButton Overview")

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

```ASP.NET
<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>
```

> note **RadToggleButton** does not support a Classic [render mode](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/mobile-support/render-modes). Setting its RenderMode to Classic will default to the Lightweight render mode.

## See Also

* [RadToggleButton Online Demos](https://demos.telerik.com/aspnet-ajax/togglebutton/overview/defaultcs.aspx)

* [ASP.NET AJAX Button](https://www.telerik.com/products/aspnet-ajax/button.aspx)

* [RadToggleButton Getting Started](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/getting-started)

* [RadToggleButton Select State](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/functionality/select-state)

* [RadToggleButton Properties and Events](https://www.telerik.com/products/aspnet-ajax/documentation/controls/togglebutton/server-side-programming/properties-and-events)