RTL (Right to Left) Support in Morph
Something we’ve been discussing internally for some time, is making Morph (our much anticipated new template framework) 100% RTL compatible.
RTL stands for Right to Left and refers to the direction of a websites contents – this is generally used for websites that are written in Arabic, Hebrew, etc.
Here is a brief description of RTL on Wikipedia.org:
“Bi-directional text is used as some writing systems of the world, notably the Arabic (including variants such as Nasta’liq),
Persian and Hebrew scripts, are written in a form known as right-to-left (RTL), in which writing begins at the right-hand side of a page and concludes at the left-hand side. This is different from the left-to-right (LTR) direction used by most languages in the world.
When LTR text is mixed with RTL in the same paragraph, each type of text should be written in its own direction, which is known as bi-directional text. This can get rather complex when multiple levels of quotation are used.”
We have a list of things that need to be done, in order for Morph to be RTL compatible, but we would like to hear from you, our users if there is anything that we have left out. Please take a look at the list of things we’re doing below and let us know if there is anything we need to include.
Here is what we are doing so far:
- Change the sites direction in the index.php’s html declaration.
- All sites content right aligned.
- Top navigation floated to the right with child submenu items right aligned.
- Modules contents right aligned.
Please share your input in the comments :)
Tags: customer feedback, development, Joomla
We are in love with everything web and embrace technology as a means to drive social change.
Dear,
We have been developing Joomla websites since one year and a half now. All our websites are in Arabic (RTL) and some of them are intranet based.
Anyways,
I would be very happy yo help in the arabization, RTL-lization if you need any assistance.
Regards,
Badran
Hi Bradran
We are looking for a web developer – for arab language translation website.
Hi Badran,
Thanks for the kind offer. As i mentioned in my post, none of us have much experience in making a template 100% RTL, so I’ll definitely take any help that is offered ;)
Our focus right now is to get the initial beta testing started, so i’m going to put the RTL on the backburner until the second round of beta testing is started. If its ok, i’ll drop you a line closer towards the time to discuss..
Thanks again!
Chris
Thanks Chris,
Plz let me know…
Cheers,
Will do :)
Hi,
I am considering joining the club for Morph. Most of my sites are RTL. I am wondering if eventually you added RTL support for Morph ?
.-= Saar Ginzburski´s last blog ..ברוכים הבאים =-.
Hi Saar!
We have added the functionality (ie, there is an rtl stylesheet that is added when rtl is enabled), but we have not actually started with the rtl css yet. It is definitely on the list, but we need to finish off a couple more pressing matters first.
Cheers,
Chris
Hi,
I’m playing with Morph for the last couple of hours and it looks great and very promising.
I will try to add the RTL support by myself and hope it will be good enough for you to use.
Saar.
.-= Saar Ginzburski´s last blog ..ברוכים הבאים =-.
Hi Saar,
Welcome to the club!! :P
We are super keen to add RTL support into Morph, so if its ok with you, i’ll get in touch tomorrow to go over what has been done so far and what updates will be coming in the next release.
Cheers,
Chris
There is an RTL.css file, but how do we use it.
any help is appreciated?
im using the latest version of the configurator.
Hi Eslahonline :)
The rtl support in Morph is still a work in progress. We had to focus on getting Morph stable before doing the full implementation. We’ll be including an updated version in the next release tho, so keep an eye open for that.
In terms of how it works, Morph has the base rtl.css in the framework (templates/morph/core/css/rtl.css) and the overriding rtl css file is automatically included if Joomla language settings are configured to use an rtl language.
You can also override the default version included in the framework by adding your own rtl.css to your themelet, ie “morph_assets/themelets/vanilla/css/rtl.css.
Hope that helps!
Cheers,
Chris
.-= Chris´s last blog ..Morph’s Developer Toolset – An Introduction =-.
کولای شم ستاسو په ویب کې په پښتو ولیک او که نه
مننه
Hello,
great I was gonna ask if Morph support RTL because this feature is so important to my clients as they all need multi language sites, you guys didn’t forget anything! I’m so glad I found this project it looks so promising. I’ll try to install it on my local machine to simulate the making of a real world template and see if this really can speed up things for me (maybe it is not possible to download unless I pay, in this case I’ll try the public online demo).
I wish you all the best guys, I think my dream will come true with Morph, less time in front of my computer and more time with my wife and my daughter (Morph the ultimate freelancer gift :D).
cheers,
SarDira
——
Edit: yak! what an ugly avatar! where did it come from!