{"id":91,"date":"2018-06-25T14:24:55","date_gmt":"2018-06-25T14:24:55","guid":{"rendered":"https:\/\/documentation.px-lab.com\/rscard-html\/?p=91"},"modified":"2018-06-25T14:26:23","modified_gmt":"2018-06-25T14:26:23","slug":"rtl-language-support","status":"publish","type":"post","link":"https:\/\/documentation.px-lab.com\/rscard-html\/2018\/06\/25\/rtl-language-support\/","title":{"rendered":"RTL Language Support"},"content":{"rendered":"<div>The most common use case to set RTL is support for languages written in a RTL direction such as Hebrew, Persian, Arabic etc.\u00a0In a right-to-left (RTL) script writing starts from the right of the page and continues to the left.\u00a0<\/div>\n<p><strong>Step-by-step instructions<\/strong><\/p>\n<p>1)\u00a0Add a <strong>dir <\/strong>and <strong>lang <\/strong>attributes to the html tag to set the default base direction\u00a0and language of your page.<\/p>\n<pre class=\"xml\"><span style=\"line-height: 19px;\">&lt;html lang=\"ar\" dir=\"rtl\"&gt; ... &lt;\/html&gt;<\/span><\/pre>\n<p>2) Add <strong>rtl.css<\/strong>\u00a0right after style.css in the all html pages to apply RTL styles.<\/p>\n<pre class=\"xml\">&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"style.css\"&gt;\r\n&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"rtl.css\"&gt;<\/pre>\n<p>3) \u00a0Set rtl value from false to true in <strong>js\/options.js <\/strong>file to applay scripts\u00a0RTL\u00a0behavior.<\/p>\n<pre class=\"xml\">var rsOptions = {\r\n    rtl: <strong>true<\/strong>,\r\n    ...\r\n}<\/pre>\n<p>Thats all !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The most common use case to set RTL is support for languages written in a RTL direction such as Hebrew, Persian, Arabic etc.\u00a0In a right-to-left (RTL) script writing starts from the right of the page and continues to the left.\u00a0 Step-by-step instructions 1)\u00a0Add a dir and lang attributes to the html tag to set the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/posts\/91"}],"collection":[{"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":2,"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/posts\/91\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/posts\/91\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/media?parent=91"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/categories?post=91"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/tags?post=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}