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.

  • html
  • <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.

  • html
  • <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.

  • html
  • <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>