CODEWITHSUNDEEP
javascriptjquerycssjquery-uinouislider
Laziale
Laziale

Reputation: 8225

Adding tick marks to nouislider jQuery slider

I'm using noUIslider (http://refreshless.com/nouislider/) in one of my projects. I want to know how I can place tick marks below each value on the slider.

This is how the slider is initialized:

$slider.noUiSlider({
    'start': start,
    'connect': 'lower',
    'orientation': 'horizontal',
    'range': {
        'min': min,
        'max': max
    },                    
    'step': 1,
    'serialization': {
        'format': {
            'decimals': 0
        }
    }
});

How can I achieve this?

Upvotes: 1

Views: 1668

Answers (1)

Lg102
Lg102

Reputation: 4908

noUiSlider now offers this feature. Have a look at the Pips add-on.

(disclosure: I'm the plugin author).

Upvotes: 2

Related Questions