mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
3b83539b13
* 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
40 lines
1.2 KiB
Markdown
40 lines
1.2 KiB
Markdown
---
|
|
Title: Right-to-left language support
|
|
Added: 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](https://www.w3.org/TR/html51/dom.html#the-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:
|
|
|
|
```html
|
|
<body dir="rtl">
|
|
...
|
|
</body>
|
|
```
|
|
|
|
If you use the [Sidenav Layout component](../core/components/sidenav-layout.component.md) you can choose set the direction property in it using the property direction ans set it to **'rtl'**
|
|
|
|
|
|
```html
|
|
<adf-sidenav-layout
|
|
[direction]="'rtl'">
|
|
......
|
|
</adf-sidenav-layout>
|
|
```
|
|
|
|
|
|
|
|
Also, we have a [translation file](internationalization.md) for Arabic (code: "ar"),
|
|
which is the
|
|
[most widely used](https://en.wikipedia.org/wiki/List_of_languages_by_number_of_native_speakers)
|
|
language written from right to left.
|
|
|
|
It is on our [roadmap](../roadmap.md) to extend and improve our support for RTL languages
|
|
in the coming versions of ADF.
|