Range Slider rtl issue

Trevor

#117459

The CSS I gave you would probably be the starting point, like:

.meta-slider {
  direction: ltr !important;
}

Anonymous

#117464

I think it’s deeper then this…
I think it has to do with js or options of some sort.

I found this code in the nouislider web page –

var directionSlider = document.getElementById(‘slider-direction’);

noUiSlider.create(directionSlider, {
start: 20,
direction: ‘rtl’,
range: {
‘min’: 0,
‘max’: 100
}
});

Maybe this can help?
I’m not sure and also not sure where to put this code…

Trevor

#117572

I think Ross will need to take a look and advise. Essentially, on a RTL page (as defined by the language – Hebrew), you want the slider to be LTR.

Anonymous

#117580

Thanks!!!
I will wait for him and the mean while try to convince the client to go with the Hebrew logic 🙂

Anonymous

#118344

Solved! I took your advice for now 🙂

[Author]

Posts