Animation Effect

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

  • HTML
  • <div id="angularRadialSlider" ej-radialslider e-enableanimation="animation" e-innercircleimageurl="http://js.syncfusion.com/demos/web/content/images/radialslider/chevron-right.png"></div>

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

  • JS
  • syncApp.controller('radialSliderCtrl', function ($scope) {
            $scope.animation = false;
        });