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

how to change direction on metronic8 vue to rtl


how to change direction on metronic vue to rtl


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,

RTL webpack script was removed in Metronic V8.1.6, to get RTL styles now you can reuse webpack or gulp script from our HTML version. https://preview.keenthemes.com/html/metronic/docs/getting-started/rtl.

Then you can manually copy the RTL file from the HTML version into the assets folder and import this file in src/App.vue.

@import "assets/style.bundle.rtl.css";


For dynamic switch implementation in current Metronic version, you can check out comments in this post.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



After making these changes, thoroughly test your application to ensure that all elements are properly aligned connections and displayed in the RTL layout. Pay attention to text direction, alignment, and overall appearance.



You might need to make other changes to ensure accurate RTL rendering, depending on your particular application and layout. Make sure geometry dash lite that the text is oriented correctly and that all the components and styles in your application are reviewed. Convert any hard-coded CSS rules or styles that are unique to LTR to their RTL counterparts.


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