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!
Link RTL Css
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
2yr ago
Copy link
Contents
Overview
Generate RTL CSS
RTL attributes
Link RTL Css