Doesn't work in rtl pages

[farhad2161]

AnythingSlider does not work properly in html pages that contain

dir="rtl" cause some problems

[Mottie]

Hi Farhad2161!

Thanks for bringing this problem to my attention! Luckily it was a simple css fix... I've updated the repository, but all you need to do is add the following to your anythingslider.css file:

div.anythingSlider.rtl .anythingWindow {
    direction: ltr;
    unicode-bidi: bidi-override;
}

I hope it doesn't interfere with the content inside the slides.

[farhad2161]

Sorry,
The problem is remaining in 1.7.5.1

please check and test my code below :

http://pastebin.com/cnTwFXeQ

[Mottie]

Sorry, I should have said the slider needs to have the "playRtl" option set to true... here is a demo (http://jsfiddle.net/Mottie/uLpbj/4/)

Should I just make it set automatically? I'm not used to pages being set rtl, so should I look for this attribute in the html and body tag only? Or could it be added to the middle of the page - I'm just not sure how to detect if the page has been set this way.

[farhad2161]

In RightToLeft language websites like persian(Farsi) web pages it's very common to use but direction:rtl or direction:ltr can be added anywhere even in the middle of the page.

I added "playRtl" to my code http://pastebin.com/cnTwFXeQ but problem is remaining.

[Mottie]

Ok, maybe I'm not understanding the problem. What is it doing now and what is it supposed to do?

Did the demo I have work for you? I added the dir="rtl" to the body since that's the only tag I can modify in jsfiddle.

[farhad2161]

Yes the demo works correctly although you shouldn't add the dir="rtl" to the body, you should add it to .

I know jsfiddle dont let u add rtl to html tag, you should test it in local.

[Mottie]

Ok, I tested it locally with the dir="rtl" in the html tag and it works just the same as the demo I posted on jsfiddle. I still don't see the problem.

[farhad2161]

Sorry, you are right. I use theme : 'metallic' in my jquery and it cause a small problem when it is in rtl mode. Please use these theme and you will see the bottom blue border will not shown and play-stop button is not inside of other buttons.

Your code work great with default theme. Please check it with other themes.

Thank you again.

[Mottie]

Hmm, the play button looks ok to me in the metallic theme, but yes the bottom bar is missing.. I found the problem, you only need to update this bit of css all the way at the bottom of the "theme-metallic.css" file:

/* Extra - replace defaults */
div.anythingSlider-metallic {
    padding: 6px 23px;
}

[farhad2161]

Problem solved.
Thanks a lot.