> For the complete documentation index, see [llms.txt](https://iron-network.gitbook.io/vuely/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://iron-network.gitbook.io/vuely/vuely-angular-version/rtl.md).

# RTL

Vuely Angular provides you the ability to make the template display the RTL languages properly. You just need to read the below document carefully and implement the steps given.

RTL will help to display the RTL languages properly. To enable RTL in the template follow the steps given below:&#x20;

**Step 1:** Simply open `src->app->Layouts->VerticalLayout->VerticalLayout.component.html` file and add `dir="rtl"` on the top of the div. Whole site will be reflected as RTL.

Add `dir="rtl"` to that div and remove `[dir]="layout"` from the div. As shown in code.

{% code title="VerticalLayout.component.html" %}

```
<div dir="rtl" class="app-main theme-light sidebar sidebar-overlay-dark header-light {{isHeaderFilterClass}} {{isSidebarFilterClass}}" [ngClass] = "{'collapsed-sidebar': coreService.isCheckboxOpen}" [class.side-panel-opened]="coreService.sidebarOpen"  [class.side-panel-closed]="!coreService.sidebarOpen">
    
    .....
    .....
    
</div>
```

{% endcode %}
