Image Customization in EJ 1 ASP.NET MVC RadialSlider

21 Sep 2017 / 1 minute to read

Customizing inner circle

Using Class

The RadialSlider property InnerCircleImageClass allow to set image for the inner circle of the RadialSlider. By default, the Radial Slider innerCircleImageClass is set as “null”. Refer to the following code example.

@Html.EJ().RadialSlider("slider").InnerCircleImageClass("custom-circle")
<style>
        .e-custom-circle {
            background-image: url("../images/radialslider/diagram.png");
        }
    </style>

The following screenshot illustrates the output of above code.

![](image-customization_images\image-customization_img1

Using image URL

The RadialSlider property InnerCircleImageUrl allow to set URL image to the inner circle of the RadialSlider. By default, the Radial Slider InnerCircleImageUrl is set as “null”. Refer to the following code example.

  • cshtml
  • @Html.EJ().RadialSlider("slider").InnerCircleImageUrl("../images/radialslider/chevron-right.png")

    The following screenshot illustrates the output of above code.

    ![](image-customization_images\image-customization_img2