Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (7)


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



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



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 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

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


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



could you please try and upload?



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


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(