CODEWITHSUNDEEP
cssjquery-mobile
John
John

Reputation: 437

JQuery Mobile right to left css

I'm reading now about jquery mobile UI. Their css if left to right, Someone know where I can download a right to left css?

Thanks.

Upvotes: 5

Views: 4377

Answers (4)

RafaelJan
RafaelJan

Reputation: 3606

I made an RTL version of jquery.mobile-1.4.5.css I called it jquery.mobile-1.4.5_rtl.css you can download it from here. Please note that you still might need to modify it if you want to change icons. I changed only the icon carat-r to carat-l and vise versa.

Enjoy!

Upvotes: 0

CrownFord
CrownFord

Reputation: 719

Put this line in HEAD tag

 <style>body {direction:rtl}</style>

Upvotes: 0

uriel
uriel

Reputation: 1248

Here's a guide if you want to convert any JQM to rtl.

  1. Add a direction attribute with “rtl” value to the body CSS
  2. Overwrite all css classes that has “float:right” with “float:left” and vise versa
  3. Overwrite all css classes that has “left:” with “right:” and vise versa. It is worth mentioning her that you keep the previous attribute and make it auto. Else it won’t work. i.e. left:15px
    should be overwrite with left:auto;right:15px.
  4. Do the same as point 3 for all classes that has margin-left, margin-right, padding-left and padding-right

Also change all text-align from left to right and vise versa.

Source: http://abuhijleh.net/2012/07/01/guide-right-to-left-languages-support-for-jquery-mobile/

Upvotes: 0

Moutaz Shams
Moutaz Shams

Reputation: 301

I made an RTL version of it here: jQuery Mobile RTL

Upvotes: 14

Related Questions