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

WebForms Switch Overview

USER SETTINGS
  • Notifications
  • Send notifications
  • Always visible
  • Display real name

About RadSwitch for ASP.NET AJAX

When you need the features of a switch enhanced with rich client side API, the Teleik ASP.NET Switch is the control that can easily fulfill these requirements. "Dress" it with the set of predefined skins we provide and the buttons on your web forms will have the consistent and appealing look and feel as the rest of the Telerik AJAX controls you use.

RadSwitch and 120+ other controls are part of UI for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on its business logic.

Key Features

  • Rich client-side functionality
  • Command Support—RadSwitch has full support for Commands
  • Single click functionality—Avoid multiple postbacks/callbacks to the server
  • Advanced Skinning—the visual appearance of the Button control can be easily customized through skins
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.Switch.Overview.DefaultCS" %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="styles.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container size-medium">
        <div class="settings-head">
            <span class="k-icon k-i-gears"></span>
            <span class="title">USER SETTINGS</span>
        </div>

        <ul>
            <li>Notifications
                <telerik:RadLabel runat="server" ID="RadLabel1" AssociatedControlID="RadSwitch1"
                    Text="RadSwitch with custom background and icons">
                </telerik:RadLabel>
                <telerik:RadSwitch runat="server" ID="RadSwitch1" Checked="true" AutoPostBack="false">
                </telerik:RadSwitch>
            </li>
            <li>Send notifications
                <telerik:RadSwitch runat="server" ID="RadSwitch2" Checked="false" AutoPostBack="false">
                </telerik:RadSwitch>
            </li>
            <li>Always visible
                <telerik:RadSwitch runat="server" ID="RadSwitch3" Checked="true" AutoPostBack="false">
                </telerik:RadSwitch>
            </li>
            <li>Display real name
                <telerik:RadSwitch runat="server" ID="RadSwitch4" Checked="false" AutoPostBack="false">
                </telerik:RadSwitch>
            </li>
        </ul>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance