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
On this page
  • Overview
  • Generate RTL CSS
  • RTL attributes
  • Link RTL Css

Was this helpful?

  1. Settings

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.

$ npm install

Compile the scss by running the following command:

$ gulp

RTL attributes

Open the Angular index.html file from src/index.html. Add the RTL attributes to the HTML tag.

<html lang="en" direction="rtl" dir="rtl" style="direction: rtl">

Link RTL Css

Open the Angular index.html file from src/index.html. link the RTL css before head tag close </head>

<link rel="stylesheet" href="assets/css/default/theme-semidark-rtl.min.css">
PreviousRoot LoaderNextInternationalization

Last updated 5 years ago

Was this helpful?