Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Metronics Updation issue


I have updated the Metronics to latest so what i am having issue i used HTML and integrated it with laravel didn't used the Metronics laravel so now when I refresh the page it is like contrast and when fully page loaded it shows ui ok but before this wasn't happening


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


Hi,

Could you please provide us more info ? Are you using the latest Metronic v8.2.0 ?

Are you using the HTML version with your own Laravel app or you are using our Metronic Laravel Demo 1 Starter Kit ?

What actually did not work? The layout(HTML) or JS related code ?

Regards.



Sorry for late reply i didnt get the notification of the reply

yes i am using the v8.2.0 in it css work fine when full js code is intialized but on loading it is show contrast css and then when loaded the theme looks fine



Hi,

In Metronic v8.2.x we have slightly changed the theme mode attributes. Can you please refer to Dark Mode Docs and update it accordingly in your code?

Regards.



Yes i tried it but still same problem is it issue of adding scripts like normal in laravel and not using the laravel mix or vite created the problem or i dont know but i have to put the page loader so user will not get confused of ui broke and on page loader if i change the mode to dark and reload it load the light and then check for dark



Hi,

Can you please provide a test URL to your site via private reply? We will check it online and see if the theme mode attributes are set properly.

Regards.


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