Getting Started

15 Dec 20181 minute to read

This section helps to get started of the RadialSlider component in an Aurelia application.

Create a RadialSlider Component

• To create Syncfusion Aurelia application refer Aurelia Getting Started Documentation.
• Create radialSlider folder inside src/samples location.
• Create radialSlider.html file inside src/samples/radialSlider folder and use the below code for rendering RadialSlider component.

HTML

<template>
    <ej-radial-slider id="radialSlider"> </ej-radial-slider>
    </template>

• Create radialSlider.js file inside src/samples/radialSlider folder with below code snippet.

JAVASCRIPT

export class BasicUse {
    constructor() {    
    }
    }

Image Configuration

RadialSlider property e-inner-circle-image-url allow to set URL image to the inner circle of the RadialSlider. Refer to the following code example.

HTML

<ej-radial-slider id="radialSlider" e-inner-circle-image-url="images/radialslider/chevron-right.png">
    </ej-radial-slider>

Note: You can find the RadialSlider properties from the API reference document