search

simeydotme / jQuery-ui-Slider-Pips

Plugin for adding little 'pips' , 'floats' and labels to a slider.
http://simeydotme.github.io/jQuery-ui-Slider-Pips/
503 stars 138 forks source link

Need label between center #126

Closed ghost closed 4 years ago

ghost commented 4 years ago

Hi @simeydotme , Its is possible to put lable between slider and some another another between color line. ref is : james Allen cut slider. please create a fiddle if possible. if struggling from last 20 days for the same. tried every possible slider to achieve but no luck.

i tried the same with ion slider but not working i put the question on stackover flow also but no result. stackoverflow : question

JSfiddle : ion slider

simeydotme commented 4 years ago

Hi @belgiumny sorry you've had so much trouble.

This should be fairly simple with the slider pips. http://jsfiddle.net/dxvhpjyq/

I basically gave the slider some pips. Made the pips be 25% of the slider width (as we know there's only 4 options in this case) and then moved the line element to the end of the pip and made it 30px tall to cover the slider.

You may add any additional styling choices yourself with CSS. SliderPips plugin is supposed to be mostly customized with CSS :)