Cilibiu Bogdan 3b83539b13 [ADF-4227] Sidenav Layout - support direction (#4583)
* basic ui direction service

* direction property

* demo shell integration

* move the direction in up sidenav layout to allow also the header to reorganize
use the configuration editor to change rtl ltr
add documenation

* Update app.component.html

* fix unit tests

* fix overlay viewer e2e

* fix e2e
2019-04-25 00:48:41 +01:00

1.2 KiB

Title, Added
Title Added
Right-to-left language support 2019-03-13

Right-to-left language support

ADF currently has limited support for languages that are written from right to left (such as Arabic).

ADF has been updated and tested to work with the HTML dir attribute added to the main <body> element in index.html. When the attribute is set to rtl, text in the app will be right-aligned as required for right-to-left languages:

<body dir="rtl">
    ...
</body>

If you use the Sidenav Layout component you can choose set the direction property in it using the property direction ans set it to 'rtl'

<adf-sidenav-layout
    [direction]="'rtl'">
......
</adf-sidenav-layout>

Also, we have a translation file for Arabic (code: "ar"), which is the most widely used language written from right to left.

It is on our roadmap to extend and improve our support for RTL languages in the coming versions of ADF.