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

I can't find RTL style files


I use React version of the thme and I want to switch to rt, I followed tips here but not all the website is rtl now, side menu still in the left and the link does not seem updated The Link, I also read this https://preview.keenthemes.com/html/metronic/docs/getting-started/rtl but I don't understand it, I do not have gulp and why it run build command.
I need simple tips to enable rtl.
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  :(

Replies (3)


Hi Akram Adil,

Thank you for reaching out to us.

In our Metronic React version, we have prepared a separate webpack configuration (webpack-rtl.config.js) file to generate RTL styles.

From React demo folder you can just run the command: npm run webpack --config webpack-rtl.config.js. This command will generate RTL styles for you and place them into _metronic/assets/css/style.rtl.css, you can use this style file to enable rtl mode in our theme.

Please let me know if you have any issues running this command.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



It seems I had a problem with webpack also the webpack configuration file was named different, I reinstall weback and weback CLI and edited the file name then edited the script command responsible for RTL generation in package.json to match the file name and it works.
Thanks for considering my question.



Hi Akram Adil,

Thank you for your reply.

Thank you for your message.

Our documentation command is not correct, we will update it in the next releases.

The correct command should be:

yarn run webpack --config rtl.config.js


Regards,
Lauris Stepanovs,
Keenthemes Support Team


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