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:

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.

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>

Last updated