Soundar's public fiddles
-
Circular dial with roundSlider
The roundSlider can be used as the infinite dial, also this can be customize to any particular range also
-
Circular dial with roundSlider
The roundSlider can be used as the infinite dial, also this can be customize to any particular range also
-
roundSlider - multiple arc sliders with circular form
making multiple line sliders in circular form using roundSlider
-
hwdeu5cy
No-Library (pure JS), HTML, CSS, JavaScript
-
roundSlider Events- v1.3.2
sample to demonstrate the round slider events behavior
-
progress bar requirement from roundSlider - user requirement
progress bar requirement from roundSlider - user requirement
-
roundSlider with ranges - user requirement
This is the example with ranges, where the default range color is different, and the active range color different https://github.com/soundar24/roundSlider/issues/89
-
roundSlider with ranges
This is the example with ranges, where the default range color is different, and the active range color different
-
roundSlider - user requirement
roundSlider - user requirement
-
roundSlider - typical Counter-clockwise direction
This is just to expose the typical counter close wise appearance. But this is not the complete anti-clock direction support, this is just a model only. Still need to provide the complete support for counter clockwise direction, this support can be tracked through the below task: https://github.com/soundar24/roundSlider/issues/19
-
roundSlider - Seperate min and max for each handles
roundSlider - limiting the handles with different min and max range
-
roundslider with custom tooltip
roundslider with custom tooltip - external tooltip to show any html content
-
roundSlider template with buttons inside
roundSlider with buttons inside - up and down arrows to increase or decrease the value
-
roundslider - clock appearance
roundslider - clock appearance with ticks and numbers
-
roundslider - Nest thermostat like appearance
roundslider - Nest thermostat like appearance
-
roundslider - Nest thermostat like appearance
roundslider - Nest thermostat like appearance
-
roundslider as circular gauge
roundslider with multiple colors segments, and handle points center of the segment
-
roundSlider responsive support
roundSlider responsive support for bootstrap layouts - slider resizing based on the parent container when the window gets resized
-
roundSlider in Ionic application with custom angular directive
usage of roundSlider in Ionic application with custom angular directive
-
roundSlider in Ionic application with custom angular directive
usage of roundSlider in Ionic application with custom angular directive