Stylesheet and font not found in UI React dashboard
search cancel

Stylesheet and font not found in UI React dashboard


Article ID: 206641


Updated On:


CA Service Operations Insight (SOI)


We have updated our two SOI environments recently from 4.2 + SO07205 to SO14226.

During the dashboard investigation, I ran into some other issues. 


I'm seeing the following two errors in the browser debug area (Chrome dev tools):

1. Refused to apply style from 'https://<soiui_lab>:7403/sam/ui/css/castyles-r6.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

I found that the mentioned stylesheet castyles-r6.css only is referred in the following file: https://<soiui_lab>:7403/sam/ui/samgwt.nocache.js which in turn is sourced from https://<soiui_lab>:7403/sam/ui/index
It is not present in the location where the browser tries to find it according to the error message (..\CA\SOI\SamUI\webapps\sam\ui\css)

2. GET https://<soiui_lab>:7403/sam/ui/fonts/ca_sans_web-regular.woff net::ERR_ABORTED 404 (Not Found)

The mentioned font ca_sans_web-regular.woff is only referred in the following file: https://<soiui_lab>:7403/sam/ui/castylesr2.css
A font file with the same name I found in another location than where the browser tries to find it. Location where I found it: ..\CA\SOI\SamUI\webapps\fonts
I'm not sure if this is indeed the font file that it's looking for.

Both errors don't look good. The style sheet has incorrect MIME type and the font file cannot be found.
This might explain why the font in the new dashboard shows as Times New Roman?




Release : 4.2

Component : Service Operations Insight (SOI) Manager


We have identified the issue and already made necessary changes to the code, but these will be available in future cumulative patches only as this is not impacting any functionality apart from a minor look and feel. ETA would be mostly in April cumulative fix along with other changes