Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Requesting Assistance with Compatibility Issues in Angular 15 and Latest Metronic Theme


Dear Developers,

I hope this message finds you well. I am writing to seek your assistance with an issue I am facing in my Angular 15 project using the latest Metronic theme.

Previously, I was using Angular 8 with the Metronic theme, but upon upgrading to Angular 15, I encountered problems with some of the theme components not working properly. Specifically, it seems that the styles of the latest Metronic theme are either missing or getting overridden in some cases, and I am having trouble finding a solution to this issue.

I am reaching out to you as experts in Angular and Metronic to inquire if you could kindly assist me in resolving this issue. Could you please advise on any potential causes of this compatibility issue, and provide suggestions on how to ensure that the latest Metronic theme is fully compatible with Angular 15?

Thank you in advance for your time and assistance.

Best regards,
Savio Jose


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


Hi Savio,

To better understand the issue you are facing with the compatibility between Angular 15 and the latest Metronic theme, please provide information on which version of Metronic you were using with Angular 8.

It is possible that the styles of the latest Metronic theme are not fully compatible with Angular 15 due to changes in the Angular version or the Metronic theme itself. A large version gap between the Metronic theme and the Angular framework could result in significant changes to the theme's HTML and styles. This could cause the compatibility issues you are experiencing after upgrading from Angular 8 to Angular 15 and the older Metronic version with the latest one.

One solution you could try is to manually import the required styles into your Angular 15 project. You can do this by copying the relevant CSS files from the Metronic theme into your Angular project and then including them in your application's styles.css file.

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