New to Kendo UI for jQuery? Start a free 30-day trial

Width

configuration

The width of the Switch.

width

Number|String

Default: "6em"

<input id="switch" />

<script>
    $("#switch").kendoSwitch({
        width: 140
    });
</script>

The Switch options can be changed dynamically with the setOptions() method.

<input id="switch" />

<script>
  $("#switch").kendoSwitch({
    width: 50
  });

  var switchInstance = $("#switch").data("kendoSwitch")
      switchInstance.setOptions( {
          width: 200
      })
</script>