Animation Effect

The animation effect for the RadialSlider can be enabled or disabled using the enableAnimation property.By default, it is set as true, so that the handle movement will be animated.

  • html
  • <div id="radialSlider"></div>

    Add the following script in your code and this will stop the handle movement’s animation.

  • js
  • /// <reference path="tsfiles/jquery.d.ts" />
     /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module RadialSliderComponent {
        $(function () {
              var radialsliderInstance = new ej.RadialSlider($("#radialSlider"), {
              innerCircleImageUrl:"chevron-right.png",
              enableAnimation:false 
        });
     });
    }