Enable/Disable the Slider

14 Aug 20181 minute to read

Slider widget includes an option to enable/disable it. When you disable the Slider, it is displayed in a blur state and you cannot perform any operations in it.


Using this enabled property you can enable/disable the Slider. Data type of this property is “Boolean”. Also you can enable/disable the Slider by using enable and disable methods.

The following steps explains you on how to disable the Slider.

In an HTML page, specify the <div> elements to render the Default Slider.

  • HTML
  • <div class="txt">Default Slider</div>
      <div id="defaultSlider" ej-slider e-value="60" e-enabled="false"></div>
  • angular.module('syncApp', ['ejangular'])
        .controller('SliderCtrl', function ($scope) {

    Execute the above code example to render the following output.