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.
Replies (3)
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
Yes, I did, I put the rtl.style.css in the style.scss
but it gives me that
<img src="https://mail.google.com/mail/u/0?ui=2&ik=f730995b9d&attid=0.1&permmsgid=msg-a:r7399727550284018675&th=17e97598658389be&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ_iMXSWIm2Itkzv6J0tDDdl2_wgyrrjWZIF0xrkl6e0V687k8jLqs9aYqWKZBsZKe11-d-kduG1kZavmJ403D_CconfOM848w26lGquChjXt9nzefk0xlVG_Bo&disp=emb&realattid=ii_kyvskg840" alt="image.png" width="452" height="254" data-image-whitelisted="" class="CToWUd a6T" tabindex="0">
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
<img src="https://mail.google.com/mail/u/0?ui=2&ik=f730995b9d&attid=0.1&permmsgid=msg-a:r8360236216481152302&th=17e9bd79c0b4a0b6&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ-RvwqdqRVG3TQXhwFccjGWV6Aktj44ZVRBLTeeqYEy-3YRWA5h_7vgQFkW2dGtMqA_EHjVHz9ChjrmljN75SWUieXFkad33ekJU-tqLqaJO4WSa8bWG2ZyqG8&disp=emb&realattid=ii_kyx0w0gk2" alt="image.png" width="472" height="265" data-image-whitelisted="" class="CToWUd a6T" tabindex="0">
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
