/extjs-mirror

RTL support for Sencha Ext JS Framework

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

ExtJS Mirror

RTL support for Sencha Ext JS Framework

http://behrang.github.com/extjs-mirror/

What is extjs-mirror

It is mostly a hack that adds RTL feature to ExtJS framework.

Some languages like Persian, Hebrew and Arabic are RTL (Right-To-Left). ExtJS does not support RTL. To support RTL, every component should layout itself from right to left.

This project, provides this feature by overriding some basic functionality in ExtJS. Here, positioning of elements are overridden so that instead of positioning elements from "Top Left", positioning is converted to "Top Right" (hence the name MIRROR).

There are more problems to solve. Some browsers like Firefox and IE, place scrollbars on left in RTL pages and some like Chrome, place scrollbars on right in either LTR or RTL. So scrollbar position have to be considered.

To use this, you have to develop your application for LTR. Then add a script (ext-mirror.js) and a css (ext-mirror.css) to your page and voila, everything will be converted to RTL. This way you can create a single internationalized app and use L10N to have both RTL and LTR apps.

Examples

License

As ExtJS, this project is licensed under GPL v3.