• State Not Answered
  • Replies 2 replies
  • Subscribers 96 subscribers
  • Views 360 views
  • Users 0 members are here
Options
Related

HTML5 Angular portal Custom theme development

aneja
2 months ago

Hello,

I have a question about adding a custom theme to Angular portal. 

I have followed the built-in documentation regarding custom theme development. I have an error: "Refused to apply style from 'Refused to apply style from 'idm03.lab.local/.../billboard.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled." "GET idm03.lab.local/.../SourceSansPro-Regular.ttf net::ERR_ABORTED 404 (Not Found)".

I have zipped the code and deployed it in the web server inside C:\inetpub\wwwroot\ApiServer92\bin\imxweb folder.

We have tried it also with Software loader like in the documentation and we still get this error.

Is there a different approach regarding deployment or development?

Version: One Identity Manager 9.2.1 and Angular with latest patches from Github.

Kind regards,

Aneja

  • 0 1 month ago

    Hello Aneja,

    The console log message ("Refuse to apply style ...") could point to a missing file as being the root cause. I'm not sure about this so you would have to look at the full response and the server log to see what's going on.

    Also, I see that the URLs you are posting refer to an IIS installation, and you also say that you have Angular with the latest Github patches. Does your custom theme work correctly in the Angular dev environment?

    Regards
    Hanno

  • 0 1 month ago in reply to Hanno Bunjes

    The theme registration works (themes appear in the theme picker), but the CSS files aren't being properly applied:

    1. In development environment:
      • Themes show up in the theme picker
      • The custom-theme.css file is correctly extracted to WebCache folder
      • However, the CSS styles aren't being applied
    2. In IIS installation:
      • Themes also appear in the theme picker
      • The billboard.css file isn't being loaded (html/pink-theme/billboard.js/dist/billboard.css - not found)
      • Only colors are applied (fails to load font assets/Source_Sans_Pro/SourceSansPro-Regular.ttf - not found)
      • The server log doesn't return errors. We can see the theme zip is loaded correctly ( INFO (    WebLog ) : Loading and decompressing Html_pink-theme.zip took: 62.5004ms )

    We've confirmed the CSS files exist in their expected locations. In both environments, it seems the application can't properly access the CSS files - the server returns empty HTML documents when trying to load them.

    Regards,

    Aneja