ghusse / jQRangeSlider

A jquery UI range selection slider that supports dates
http://ghusse.github.com/jQRangeSlider/
GNU General Public License v3.0
671 stars 147 forks source link

Fixing start date and end date text position #167

Closed CWDev closed 10 years ago

CWDev commented 10 years ago

I am trying to fix the start date and end date text which right now moves as we move slider. Kindly suggest if anyone how can I achieve this. Ideally, I would like to fix the start date above slider (in the middle) and end date below the slider. I do not want it to move as I move the slider.

ghusse commented 10 years ago

My suggestion would be to hide them (valueLabels="hide") and create your own DOM elements where you write values.

This way, you'll be able to apply whatever style you want to them (including placement).

Take a look at the doc for the option https://ghusse.github.io/jQRangeSlider/options.html#valueLabelsOption

Plus, if you want to update your elements, this event will be usefull: https://ghusse.github.io/jQRangeSlider/events.html#valuesChangingEvent

CWDev commented 10 years ago

Thank You!