Base solution for your next web application
Starts in:
01 DAYS
01 HRS
01 MIN
01 SEC
Open Closed

Custom metronic template showing an empty page. #8510


User avatar
1
hengelo created

I am trying to create a custom Metronic theme but I am facing a problem. I started by copying an existing theme and used the documentation to add a new version of that theme with a different name. The idea is to copy one of the standard themes and some changes to the styling. I followed every step in the documentation and I have also searched in the whole project for the places where the themes get implemented. Everything after this looks ok and I can see the theme in my theme selections on the web page. But the problem is when I choose the theme and save it, then the page won't show anything. I only see a white page. However, the settings in the database get updated with the correct theme and if I inspect the network tap in the browser, then I see that everything is loaded without problems. The html also loads without problems and if make like some changes in the css tap, then I can see them instantly. So there is a page that renders the html, but the css styling of it is all messed up. There are also no errors to be found in the log on in the web console. I don't understand what I am doing wrong here.

Here is an exmaple of a page:


3 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @hengelo

    Could you share the screenshot of browser's console if you haven't solved this problem ?

    Thanks,

  • User Avatar
    0
    KocSchool created

    Hi @ismcagdas I have the same problem as well. I followed the tutorial below. How can I solve this problem?

    https://docs.aspnetzero.com/en/aspnet-core-angular/v9.1.0/Adding-New-Metronic-Theme-Angular

    Thank you very much,

  • User Avatar
    0
    ismcagdas created
    Support Team

    In this specific case for @KocSchool, the theme name is retrieved as camel case from server but converted to lower case on the client side somehow. We will also check this problem.