Free Trial Buy
    Your search did not match any results.
    Switch

    Switch

    Light
    Light Light Compact Dark Dark Compact Contrast Contrast Compact Carmine Dark Moon Soft Blue Dark Violet Green Mist iOS Android
    Documentation

    The Switch is a widget that can be in two states: «On» (when value is true) and «Off» (when value is false).

    Prev Demo Next Demo

    jQuery

    AngularJS

    Angular

    ASP.NET MVC

    ASP.NET Core

    <div class="form"> <div class="dx-fieldset"> <div class="dx-field"> <div class="dx-field-label">Switched on</div> <div class="dx-field-value"> @(Html.DevExtreme().Switch() .Value(true) ) </div> </div> <div class="dx-field"> <div class="dx-field-label">Switched off</div> <div class="dx-field-value"> @(Html.DevExtreme().Switch() .Value(false) ) </div> </div> <div class="dx-field"> <div class="dx-field-label">Value change handling</div> <div class="dx-field-value"> @(Html.DevExtreme().Switch() .OnValueChanged("switch_valueChanged") ) </div> </div> <div class="dx-field"> <div class="dx-field-label">Disabled</div> <div class="dx-field-value"> @(Html.DevExtreme().Switch() .ID("disabled") .Value(false) .Disabled(true) ) </div> </div> </div> </div> <script> function switch_valueChanged(data) { $("#disabled").dxSwitch("instance").option("value", data.value) } </script>
    using System.Web.Mvc; namespace DevExtreme.MVC.Demos.Controllers { public class SwitchController : Controller { public ActionResult Overview() { return View(); } } }