Behavior settings
The following are some properties that enables you to an option to enhance the behavior of RadialSlider control.
Show/hide RadialSlider on initial rendering
The RadialSlider ”autoOpen” property allow you to make the control visible on initial rendering. By default, the value of the property is set as true. Setting it as false will hide the control on initial rendering.
<div id="defaultradialslider" data-role="ejmradialslider" data-ej-autoopen="true" data-ej-position="bottomcenter" data-ej-change="sliderchange" data-ej-slide="sliderchange" data-ej-radius="150" data-ej-ticks="[30,35,40,45,50,55,60,65]" data-ej-value="50"></div>
Position
The RadialSlider property position allows you to make the position of the control.
<div id="defaultradialslider" data-role="ejmradialslider" data-ej-enableanimation="false" data-ej-autoopen="true" data-ej-position="leftcenter" data-ej-change="sliderchange" data-ej-slide="sliderchange" data-ej-radius="150" data-ej-ticks="[30,35,40,45,50,55,60,65]" data-ej-value="50"></div>
RoundOff
The RadialSlider property enableRoundOff allows you to make the position of the control.
<div id="defaultradialslider" data-role="ejmradialslider" data-ej-enableanimation="false" data-ej-autoopen="true" data-ej-position="leftcenter" data-ej-change="sliderchange" data-ej-slide="sliderchange" data-ej-radius="150" data-ej-ticks="[30,35,40,45,50,55,60,65]" data-ej-value="50"></div>