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">

© Toner.
Design & Develop by Themesbrand