RTL Mode

RTL Setup


To have Light mode enabled, replace the reference of app.min.css to app-rtl.min.css and bootstrap.min.css to bootstrap-rtl.min.css
in the app/Views/partials/head-css.php and make sure to update the public/assets/js/app.js has initSettings() function which you need to comment out. Because it will set to default the light version.


To have Light mode enabled, replace the reference of app.min.css to app-rtl.min.css and bootstrap.min.css to bootstrap-rtl.min.css
in the partials/head-css.php and make sure to update the assets/js/app.js has initSettings() function which you need to comment out. Because it will set to default the light version.


To have Light mode enabled, replace the reference of app.min.css to app-rtl.min.css and bootstrap.min.css to bootstrap-rtl.min.css
in the index.html and make sure to update the assets/js/app.js has initSettings() function which you need to comment out. Because it will set to default the light version.

<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 partials/main.php file to html tag.
dir="rtl" so you final html tag will be <html dir="rtl">

© Skote.