{"id":6673,"date":"2019-10-02T16:29:18","date_gmt":"2019-10-02T13:29:18","guid":{"rendered":"https:\/\/dhtmlx.com\/blog\/?p=6673"},"modified":"2023-05-03T14:23:12","modified_gmt":"2023-05-03T11:23:12","slug":"dhtmlxscheduler-5-3-minor-update-rtl-support-improved-responsiveness","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/dhtmlxscheduler-5-3-minor-update-rtl-support-improved-responsiveness\/","title":{"rendered":"dhtmlxScheduler 5.3 Minor Update: RTL Support and Improved Responsiveness"},"content":{"rendered":"

Good news for the users of RTL languages and mobile device addicts! A brand new v5.3 of our JavaScript scheduling calendar<\/a> comes out with the support for right-to-left locales and greatly enhanced UI\/UX for mobile screens. Besides, in v.5.3 we’ve polished Scheduler’s compatibility with our state-of-the-art Suite UI library.
\n\"Download<\/a><\/p>\n

Feel free to download and evaluate<\/a> Scheduler’s update 5.3 and share your feedback with us!<\/p>\n

RTL Mode<\/h5>\n

RTL mode is a highly-demanded feature of many users in the Eastern world. In v5.3 our dev team equipped dhtmlxScheduler with a new configuration option ensuring RTL support<\/a>:<\/p>\n

scheduler.config<\/span>.rtl<\/span> =<\/span> true<\/span>;<\/span><\/div><\/div>\n

By default, the rtl<\/strong> property is set to false. In order to switch on the RTL mode, developers should specify the rtl=true<\/strong> configuration option before the component’s initialization. It will make dhtmlxScheduler automatically display all the events from right to left as shown in the picture below:<\/p>\n

\"RTLCheck the sample ><\/a>
\nAfter that, you may also reorder the elements of the header via CSS if needed.<\/p>\n

The RTL mode changes the appearance of all Scheduler views as well as the lightbox:
\n\"DHTMLXCheck the sample ><\/a><\/p>\n

Meanwhile, dhtmlxScheduler can be easily customized in the RTL mode according to your requirements. We prepared a list of additional CSS classes, to which you may apply any styles you need and thus fine-tune the look and feel of your calendar:<\/p>\n