Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

laravel rtl


I'm trying to follow steps to change layout to RTL

https://preview.keenthemes.com/html/metronic/docs/getting-started/rtl

but I got an error message.

_keenthemes\tools> gulp --rtl
[20:08:22] Local modules not found in D:\ikbal\resources\_keenthemes\tools


please help me or send a RTL version to direct download.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (7)


Hi,

Please follow the guide provided in the link below for detailed instructions on getting started with building Metronic using Gulp:

https://preview.keenthemes.com/html/metronic/docs/getting-started/build/gulp

In order to proceed, you need to ensure that you have npm installed. To install the required npm packages, please use the following command:


yarn


After successfully installing the npm packages, you can proceed with building the RTL (Right-to-Left) CSS by running the following command:


gulp --rtl


This command will generate the RTL version of the CSS files based on the provided configuration.

Please let us know if you have any further questions or need additional assistance.

Thanks



I'm so sorry. I tried tens of times, but I didn't get the correct result.
this is the folder

https://www.mediafire.com/file/ca54zh835h7jl86/metronic_laravel_v8.1.8_demo1.zip/file

could you please try and upload?



Hi,

I apologize for the confusion. The link I provided earlier was for the legacy Laravel app, but it seems you are using the latest Laravel starter kit.

To change the layout to RTL in the Laravel starter kit, you need to modify the configuration. Open the file `/starterkit/config/settings.php` and update the value of `'KT_THEME_DIRECTION'` from `'ltr'` to `'rtl'`.

After making this change, navigate to the `/starterkit/resources/_keenthemes/tools` directory and open a command console. Run the command `npm install` to install the necessary dependencies. Then, run `npm run dev --rtl` to build the RTL version.

These steps should enable the RTL layout in your project. If you encounter any issues or need further assistance, please let me know.

Thanks



Thank you for your quick support!

It's working but not 100%.

all are good expect the "app sidebar" it still appears at left of page, not right.

This works good
"Open the file `/starterkit/config/settings.php` and update the value of `'KT_THEME_DIRECTION'` from `'ltr'` to `'rtl'`."

Then I navigate to the `/starterkit/resources/_keenthemes/tools` and run the command `npm install`.

But once I try to run `npm run dev --rtl` to build the RTL version.

I got an error message : Missing script: "dev"

I tried to install or update npm but same error message



I apologies for the wrong command. To run the development mode with RTL support, you need to execute "npm run dev --rtl" in the Laravel root directory.

Thanks



Thank you, it's working after i did:

1- go to config\settings.php
and change the css files.
I created a css file. rtl as shown

'global' => [
'css' => [
// 'assets/plugins/global/plugins.bundle.css',
// 'assets/css/style.bundle.css',

'assets/plugins/global/plugins.bundle.rtl.css',
'assets/css/style.bundle.rtl.css',
],

2- go to app\Core\theme.php and change :

public static $direction = 'ltr';
to
public static $direction = 'rtl';



but need ti fix css files. because wnd and 3rd level of navbar , becase it needs some padding on x



Hi,

You’re welcome. I’m glad you were able to change the direction of your css files. Is it the new issue is a bug? Let me know if you need any help.

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(