Display Angle Customization in JQuery RadialSlider widget

15 Dec 20171 minute to read

Start Angle

The RadialSlider property startAngle allows you to change the startAngle level of the RadialSlider. By default, the Radial Slider startAngle is set as 0. Refer to the following code example.

  • html
  • <div id="radialSlider">
            </div>
  • js
  • $("#radialSlider").ejRadialSlider({ innerCircleImageUrl:"chevron-right.png",startAngle: 20 });

    The following screenshot illustrates the output of the above code.

    ![](display-angle-settings_images\display-angle-settings_images_img1

    End Angle

    The RadialSlider property endAngle allows you to change the endAngle level of the RadialSlider. By default, the Radial Slider endAngle is set as 360. Refer to the following code example.

  • html
  • <div id="radialSlider"></div>
  • js
  • $("#radialSlider").ejRadialSlider({ innerCircleImageUrl:"chevron-right.png" ,endAngle: 300 });

    The following screenshot illustrates the output of the above code.

    ![](display-angle-settings_images\display-angle-settings_images_img2