• Provide users with the quickest way to toggle between checked and unchecked states with the Telerik UI for AJAX Switch component.
  • Part of the Telerik UI for ASP.NET AJAX library along with 120+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms and more!
Telerik UI for ASP.NET AJAX Suite
  • Overview

    The Telerik UI for ASP.NET AJAX Switch is an input-type component that allows users to toggle between checked and unchecked states. Universally popular in mobile and desktop applications, the Switch behaves like a checkbox but has the typical look and feel of mobile devices. It comes with rich client-side functionality, advanced skinning options and keyboard navigation.  

    Telerik UI for ASP.NET AJAX Switch Overview
  • Appearance

    You can customize the Switch on and off labels—choose from a variety of layouts (Square, Fluid and Elastic), backgrounds and icons. 
    Telerik UI for AJAX Switch - On & Off States
  • Events

    The Switch comes with rich client-side functionality and multiple events, including OnClientCheckedChanged (fired when the user changes the state of the switch), OnClientClicked (raised when the switch has been clicked), OnClientMouseOver (raised when the mouse pointer is positioned over the switch) and more.  
  • Accessibility and Keyboard Navigation

    The Telerik UI for ASP.NET Switch provides keyboard navigation and accessibility features out of the box to allow anyone to use it. You can interact with the component entirely through keyboard shortcuts. The Switch complies with WAI-ARIA, WCAG 2.1 and Section 508 guidelines, enabling easy interaction for individuals with disabilities.  
  • RTL (Right-To-Left) Support

    The Switch can be placed in a RTL environment for languages like Arabic and Hebrew. You can satisfy any cultural preference by toggling between left-to-right and right-to-left alignment with only a few settings. 
  • Themes

    The Switch component has 20+ built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which resembles the Bootstrap styling for better integration). You can easily customize any of the preset themes with a few lines of CSS or create your own with the help of the Telerik SASS ThemeBuilder
Next Steps