Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

vue rtl demo


I have noticed that the Metronic Vue dashboard does not include an RTL version.
I have seen in some previous questions a method to convert it to an RTL version
(EX: https://devs.keenthemes.com/question/rtl-language-switch-vue-metronic-8 )
(EX: https://preview.keenthemes.com/html/metronic/docs/getting-started/rtl?_ga=2.144380341.189190982.1692007592-1228141763.1691878128 )

I am using Gulp and have taken the necessary steps to convert it to RTL. The command 'gulp --rtl --demo1' extracted the required asset files.

in (demo1\dist\assets\plugins\global) i found plugins.bundle.rtl file but the style.bundle.rtl.css it is not genarated with files

how can i genarate this file in html version to use it in vue version (style.bundle.rtl.css) ??!


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 (1)


Hi,

Thank you for reaching out to us.

To generate Right-to-Left (RTL) styles, you can refer to the instructions on the Metronic RTL setup page: https://preview.keenthemes.com/html/metronic/docs/getting-started/rtl

Running the command gulp --rtl --demo1 will generate RTL styles in the dist/assets/css folder.

Additionally, you can check out my post about the RTL version setup in React and dynamic direction switch, the post was written for React version but you can reuse the same approach for your Vue project.

Please let us know if you have any further questions on this topic or anything else.

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