Setting up RTL

Chap aims to support Right to Left languages such as Arabic, Hebrew and Persian by providing RTL CSS support.

If your browser is not configured to use RTL by default you can use the RTL Tester plugin to toggle between RTL and LTR modes.

For pages to be displayed in RTL the CSS needs to be slightly different. To compile the CSS in RTL mode, you need to go to Chap Compiler settings in the admin dashboard and hit Compile RTL:

Chap compiler settings
Compile RTL

This will compile the Semantic UI and theme CSS in RTL mode using the current theme options. Whenever you change the theme options, the automatic compile still uses the LTR mode. To change this behaviour you can tick the RTL checkbox and hit Save Changes:

Tick RTL

Both versions are not compiled automatically after every option change to keep compile time fast and allow trying out different settings more conveniently.

If you used One Click Demo Import to import the RTL demo then the above settings should be applied automatically.

Leave a comment

Your email address will not be published. Required fields are marked *