RTL Version
RTL Setup Using Webpack
Frontend RTL
To make the Frontend RTL version just follow the below steps.
Update the below css file links in the
views/partials/head-css.ejs file.
<link href="/../assets/css/bootstrap-rtl.min.css" rel="stylesheet" type="text/css" />
<link href="/../assets/css/app-rtl.min.css" rel="stylesheet" type="text/css" />
and add the below attribute in the
views/partials/main.ejs file to
html tag.
dir="rtl" so you final html tag will be
<html dir="rtl">
Components RTL
To make the Components RTL version just follow the below steps.
Update the below css file links in the
views/partials/head-css.ejs file.
<link href="/../assets/css/bootstrap-rtl.min.css" rel="stylesheet" type="text/css" />
<link href="/../assets/css/app-rtl.min.css" rel="stylesheet" type="text/css" />
and add the below attribute in the
views/partials/main.ejs file to
html tag.
dir="rtl" so you final html tag will be
<html dir="rtl">
Backend RTL
To make the Backend RTL version just follow the below steps.
Update the below css file links in the
views/partials/head-css.ejs file.
<link href="/../assets/css/bootstrap-rtl.min.css" rel="stylesheet" type="text/css" />
<link href="/../assets/css/app-rtl.min.css" rel="stylesheet" type="text/css" />
and add the below attribute in the
views/partials/main.ejs file to
html tag.
dir="rtl" so you final html tag will be
<html dir="rtl">