RTL Style Error (Metronic7 - Angular - Demo2)


I'm trying to use RTL in Angular-Demo2 version, but the generated rtl.style.css has an error that makes the project unable to run
And when I updated the "webpack", it gave me a different error that prevented the project from working.
What should I do?

Another question, I want to apply rtl & ltr both in the same project for arabic and english language.
How and where should I put a condition based on language to manipulate the 2 styles and html tag direction.


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,

Could you please share the error when you updated the webpack?

The CSS file needs to be loaded in this file and it loads before the time.
/angular/demo1/src/styles.scss

At the moment, Metronic Angular does not support changing RTL/LTR programmatically. You have to customize it.

Thanks



Yes, I did, I put the rtl.style.css in the style.scss
but it gives me that
image.png

the webpack error is like that, And in the terminal it keeps showing "Generating browser application bundles (phase: additional asset processing)" as if it a finite loop
image.png



Hi,

The error seems the webpack does not process the SCSS codes into CSS. As you said, you have updated the webpack. Are you working on our webpack-rtl.config.js file? There is sass-loader plugin for converting SCSS to CSS. Could you please verify if this part exists in your webpack config?

Thanks


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

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
keenthemes mega bundle