RTL Modes

LTR (Left-to-Right) and RTL (Right-to-Left) are attributes used in HTML to specify the direction in which the text is displayed. These attributes are particularly important for languages that are read from right to left, such as Arabic and Hebrew.

Left-to-Right (LTR):

To display content in a left-to-right direction, you can use the dir="ltr" attribute to the html tag in the Admin/src/partials/main.html file. This is the default text direction for most languages, including English, Spanish, and Chinese.

Admin/src/partials/head-css.html file.

<!-- Bootstrap CSS -->
<link href="assets/scss/bootstrap.scss" rel="stylesheet" type="text/css">
<link href="assets/css/bootstrap.rtl.css" rel="stylesheet" type="text/css" disabled>

<!-- App CSS -->
<link href="assets/scss/app.scss" rel="stylesheet" type="text/css">
<link href="assets/css/app.rtl.css" rel="stylesheet" type="text/css" disabled>

Right-to-Left (RTL)

To display content in a right-to-left direction, you can use the dir="rtl" attribute to the html tag in the Admin/src/partials/main.html file and also remove disabled from rtl css and add disable to ltr css files in the Admin/src/partials/head-css.html file mainly bootstrap and app css files are used for RTL. This is used for languages like Arabic, Hebrew, and Persian.

Admin/src/partials/head-css.html file.

<!-- Bootstrap CSS -->
<link href="assets/scss/bootstrap.scss" rel="stylesheet" type="text/css" disabled>
<link href="assets/css/bootstrap.rtl.css" rel="stylesheet" type="text/css">

<!-- App CSS -->
<link href="assets/scss/app.scss" rel="stylesheet" type="text/css" disabled>
<link href="assets/css/app.rtl.css" rel="stylesheet" type="text/css">

Feel free to contact us via support if you are facing any issues. https://1.envato.market/domiex-bootstrap-admin-dashboard-support