Drift Angular
Search…
Drift Angular
Overview
Package Content
Installation and Setup
Setup Environment
Setup Project
Setup Layout
Deployment
Structure
Folders and Files Structure
Layouts
Drift Icons
Stylesheets
Overview
Sass Variables
Layouts & Theme
Fonts
Colors
Back Ground Images
Margin & Paddings
Theme Customization
RTL Version
Settings
Template Setting
Customize Horizontal Menu
Customize Vertical Menu
Create a Page
Define Routes
Root Loader
RTL
Internationalization
Components
Alerts
Badges
Breadcrumbs
Buttons
Button Group
Cards
Card Group
Collapse
Dropdowns
Progress Bar
Tabs
Powered By GitBook
RTL
Right-to-Left (RTL)

Overview

Drift Angular provides a seprate configured template for RTL support. skeleton-rtl

Generate RTL CSS

To generate RTL css run the command to install Gulp dependencies.
1
$ npm install
Copied!
Compile the scss by running the following command:
1
$ gulp
Copied!

RTL attributes

Open the Angular index.html file from src/index.html. Add the RTL attributes to the HTML tag.
1
<html lang="en" direction="rtl" dir="rtl" style="direction: rtl">
Copied!
Open the Angular index.html file from src/index.html. link the RTL css before head tag close </head>
1
<link rel="stylesheet" href="assets/css/default/theme-semidark-rtl.min.css">
Copied!
Settings - Previous
Root Loader
Next - Settings
Internationalization
Last modified 1yr ago
Copy link
Contents
Overview
Generate RTL CSS
RTL attributes
Link RTL Css