Simple Machines Community Forum

SMF Support => Language Specific Support => Topic started by: Dan_y2k on November 29, 2010, 12:50:29 PM

Title: RTL tips
Post by: Dan_y2k on November 29, 2010, 12:50:29 PM
Well...

text-align="right",
margin-right,
float: right;

and basically, every parameter that uses code that involves the text "right" (or "left") should be reversed. I mean - "right" should be "left", vice versa (in case we're using an RTL language).

also, if there's a definition like:
1px 2px 3px 4px, the second variable should be replaced with the fourth one. In RTL, it'll be like this:
1px 4px 3px 2px.

and arrows:
» should be «
« should be »


There's also 1 exception though, that should remain, mostly on CSS files.
the #code element, should be something like:
#code {text-align: left, direction: ltr}, because code is being read from left to right. I'm guessing that if there was an ability to change the text alignment and direction inside of a code box (maybe some 2 text links above the code box - "Change reading direction, Change alignment", but I'm just shooting in the dark here), that will be good, but I'm not sure if it's possible.

All of the above adjustments should apply only to an RTL language.

I hope you'll find this information useful, and really hope that SMF 2 Final will have full RTL support.
Thanks for you efforts, and I'll continue sending you tips about RTL compatibilty, when I will find them.
Title: Re: RTL tips
Post by: SoLoGHoST on December 12, 2010, 01:22:35 AM
Thanks for the info on this.  I'm not used to seeing things from Right to Left, so this is all kinda new to me.  While I'm somewhat familiar with SMF's classes that can be used for RTL support, it's been real tough trying to understand it all.

I have attached 2 images, can you please let me know if these images are being displayed properly in RTL?

Thanks a lot.  Would be nice if I had someone to test RTL out, with a few things, who actually understands it like you do.

Cheers :)