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


To enable RTL support in Metronic, first make sure your download package includes the plugins.bundle.rtl.css and style.bundle.rtl.css files. If they're not included, you can generate them using Metronic’s build tools such as Gulp or Webpack by running the RTL-specific build task. Then, simply add dir="rtl" to your HTML tag and follow Metronic’s RTL layout guidelines to complete the setup. tiktok pro



To activate RTL in Metronic, verify that your download package contains the plugins.bundle.rtl.css and style.bundle.rtl.css files. If these are not present, you can generate them using Metronic's build tools, such as Gulp or Webpack, by running an RTL-specific task. Finally, set dir="rtl" in your HTML tag and configure your layout according to Metronic's RTL documentation. Sprunki LilyBearClickerSprunkicountryhoppersprankisprunkiphase1trickshotsimulatorghiblistyleai



Suyu development has ceased, see our announcement. While suyu still works, we suggest you try Citron instead if you want a maintained Yuzu fork. Suyu is an open source Nintendo Switch emulator for Android with which you can play this popular console's titles on any smartphone.The Suyu Emulator is an open-source, Nintendo Switch emulator built to run on Windows, Android, iOS and Linux devices.
suyu - suyu is a Nintendo Switch emulator in c++ aiming to help developers understand the console better and advocate legal emulation.
https://suyuemulators.net/



The Metronic template’s RTL files are typically generated during the build process. Ensure you’ve enabled RTL mode in the template’s configuration file or theme settings. If the files are still missing, check the official Metronic documentation for version-specific instructions—sometimes dependencies like Kissing Generator tools can help troubleshoot CSS conflicts. Also, verify that you’re using the latest Metronic version, as older releases might require manual RTL compilation via tools like Gulp or Webpack.


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