Forums › Forums › Search & Filter Pro › Range Slider rtl issue

Tagged: 

Viewing 5 posts - 11 through 15 (of 15 total)
1 2
  • Trevor
    (Private)  June 28, 2017 at 6:41 pm #117459

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

    .meta-slider {
  direction: ltr !important;
}
    Anonymous
    (Private)  June 28, 2017 at 6:51 pm #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
    (Private)  June 29, 2017 at 7:55 am #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
    (Private)  June 29, 2017 at 8:19 am #117580

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

    Anonymous
    (Private)  July 3, 2017 at 8:45 am #118344

    Solved! I took your advice for now 🙂

  • Author
    Posts
Viewing 5 posts - 11 through 15 (of 15 total)
1 2