RTL Version
RTL Setup using gulp
Backend RTL
To make the Backend RTL version just follow the below steps.
Update the below css file links in the
Admin/backend/Views/Shared/_headcss.cshtml 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
Admin/backend/Views/Shared/_layout.cshtml 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
Admin/components/Views/Shared/_headcss.cshtml 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
Admin/components/Views/Shared/_layout.cshtml 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
Admin/backend/Views/Shared/_headcss.cshtml 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
Admin/backend/Views/Shared/_layout.cshtml 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="../../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 html tag.
html tag.
dir="rtl" so you final html tag will be
<html dir="rtl">