Geek Answers Handbook

JQuery Mobile right to left css

I am reading about jQuery user interface now. Their css, if you leave right, Someone knows where I can download right css left?

Thanks.

+4
source share
4 answers

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

+13
source

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

  • Add direction attribute with rtl value to CSS body
  • Overwrite all css classes that have "float: right" with "float: left" and vice versa
  • Replace all css classes that have "left:" with "right:" and vice versa. It is worth noting that you save the previous attribute and make it auto. Otherwise it will not work. i.e. left: 15px
    should be overwritten on the left: automatically, on the right: 15 pixels.
  • Do the same as step 3 for all classes with margins on the left, right and right, indent on the left and padding on the right

Also change all text alignment from left to right and vice versa.

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

0
source

Put this line in the HEAD tag

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

I made the 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 . Note that you still need to change it if you want to change the icons . I changed only the carat-r icon to carat-l and vice versa.

Enjoy it!

0
source

More articles:


All Articles