RTL Mode
RTL Setup in the HTML folder
To have dark mode enabled, replace the reference of
app.min.css to
app-rtl.min.css and
bootstrap.min.css to
bootstrap-rtl.min.css and in the src/partials/main.html file update the html tag like <html lang="en" dir="rtl">.
in the src/partials/head-css.html and make sure to
update the src/assets/js/app.js has initSettings()
function which you need to comment out. Because it will set to default the light version.
Update the below css file links in the
partials/head-css.html 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
src/partial/main.html file to
html tag.
dir="rtl" so you final html tag will be
<html dir="rtl">
RTL Setup in the Laravel folder
To have dark mode enabled, replace the reference of
app.min.css to
app.min.rtl.css and
bootstrap.min.css to
bootstrap.min.rtl.css in the resources/views/layouts/head-css.blade.php and in the resources/views/layouts/master.blade.php file update the html tag like <html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="rtl">.
and
make sure to update the public/js/app.min.js has
initSettings() function which you need to comment out. Because it will set to default the light version.
<link href="{{ URL::asset('build/css/bootstrap.min.rtl.css') }}" rel="stylesheet" type="text/css">
<link href="{{ URL::asset('build/css/app.min.rtl.css') }}" rel="stylesheet " type="text/css">