RTL Language Support

Updated on
The most common use case to set RTL is support for languages written in a RTL direction such as Hebrew, Persian, Arabic etc. In a right-to-left (RTL) script writing starts from the right of the page and continues to the left. 

Step-by-step instructions

1) Add a dir and lang attributes to the html tag to set the default base direction and language of your page.

<html lang="ar" dir="rtl"> ... </html>

2) Add rtl.css right after style.css in the all html pages to apply RTL styles.

<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="rtl.css">

3)  Set rtl value from false to true in js/options.js file to applay scripts RTL behavior.

var rsOptions = {
    rtl: true,
    ...
}

Thats all !