Image customization

Customizing inner circle

Using Class

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

<ej-radial-slider id="slider" inner-circle-image-class="customcircle" />
<style>
        .customcircle {
            background-image: url("../images/radialslider/diagram.png");
        }
    </style>

The following screenshot illustrates the output of above code.

Using image URL

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

  • cshtml
  • <ej-radial-slider id="slider" inner-circle-image-url="@Url.Content("~/images/radialslider/chevron-right.png")" />g")

    The following screenshot illustrates the output of above code.