Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

rtl


I downloaded the Metronic template and tried to switch the design to RTL, but I couldn’t get it to work. I’m using Bootstrap, and I noticed that the necessary RTL-specific files, such as assets/plugins/global/plugins.bundle.rtl.css and assets/css/style.bundle.rtl.css, are missing. Could you please let me know where I can find the RTL design files?


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)

Deleted comment
Deleted comment

In smashy road, try to drive your car to avoid obstacles and police pursuit for as long as possible



To enable RTL in Metronic, ensure your download package includes the `plugins.bundle.rtl.css` and `style.bundle.rtl.css` files. If these are missing, you can generate them by using Metronic's build tools, like Gulp or Webpack, with an RTL-specific task. Finally, add `dir="rtl"` to your HTML tag and configure your layout using Metronic's RTL documentation. Block Blast



Hi,

By default, the RTL assets are not generated. You will need to install the build tools https://preview.keenthemes.com/html/metronic/docs/getting-started/setup and generate the RTL CSS files by referring to: https://preview.keenthemes.com/html/metronic/docs/getting-started/rtl

If you need any further help please let us know.

Regards,
Sean


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