RTL Version
RTL Setup using gulp
Frontend RTL
To make the Frontend RTL version just follow the below steps.
Update the below css file links in the
frontend/templates/partials/base.html
file.
<link href="{% static 'css/bootstrap-rtl.min.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/app-rtl.min.css' %}" rel="stylesheet" type="text/css" />
and add the below attribute in the
frontend/templates/partials/base.html
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
components/templates/partials/base.html
file.
<link href="{% static 'css/bootstrap-rtl.min.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/app-rtl.min.css' %}" rel="stylesheet" type="text/css" />
and add the below attribute in the
components/templates/partials/base.html
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
backend/templates/partials/base.html
file.
<link href="{% static 'css/bootstrap-rtl.min.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/app-rtl.min.css' %}" rel="stylesheet" type="text/css" />
and add the below attribute in the
backend/templates/partials/base.html
file to
html tag
.
dir="rtl"
so you final html tag will be
<html dir="rtl">
RTL Setup in the dist folder
To make the Backend RTL version just follow the below steps in the dist/backend folder ( you can use any other folder too instead of the backend.
Update the below css file links in all html files.
<link href="{% static 'css/bootstrap-rtl.min.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/app-rtl.min.css' %}" rel="stylesheet" type="text/css" />
and add the below attribute in the html tag.
html tag
.
dir="rtl"
so you final html tag will be
<html dir="rtl">