Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Metronic Demo2 RTL in React


Hello,
can you help me to use the RTL version of React Demo2,
I tried the way in this documentation https://preview.keenthemes.com/metronic8/react/docs/docs/rtl?_ga=2.39990240.357919024.1654593330-2053407565.1650200434
but it doesn't work at all.

You also mention this way https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/rtl.html
Can you please tell me the difference and which one is correct?


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)


Any update regarding Metronic v8.1.0 publish?



Hi, Ahmad again,

We've rechecked it; unfortunately, we have problems with RTL now for the React version.
During the two next releases (20-25 June v8.1.0 | 1-5 July) we will publish fixes and corrections of RTL for the React version.

Regards,
Keenthemes support



Thank you for your replay
I tried this method and the problem Is still exists and nothing has changed to RTL the design still in LTR
text fields, forms, navbar and every alignment in the template



Hi Ahmad,

Sorry for the late response.

https://preview.keenthemes.com/metronic8/react/docs/docs/rtl is for the React version.

Could you please share with us which issues you have here, we will try to solve them?

Regards,
Keenthemes support


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(