SVG Images not displaying

[revanbhapri]

Hi Isomarphic,

I recently updated to 14.0. Upgrade is successful, but none of the svg images are displaying.

Not sure, if I am missing anything. Is there any upgrade guide

Thanks,
Revan

[Isomorphic]

1) Are you using the Shiva skin unchanged, as it comes with the framework? If not, you'll need to take the latest version of the skin.

2) clear your browser caches - particularly if you were using 13.1 with Shiva before

3) let us know what path one of those images thinks it's pointing at

Then, of course, the standard stuff - your browser and OS

[revanbhapri]

1. Yes, I am using it unchanged.
2. It is upgrade from 6.1 to 14.0
3. Path:

<span style="width:100%; height:100%; display:grid; place-items:center;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="width: 16px;height: 16px;"><use xlink:href="http://localhost:8080/harmony/sc/skins/Shiva/images/stockIcons.svg#date_range" href="http://localhost:8080/harmony/sc/skins/Shiva/images/stockIcons.svg#date_range"></use></svg></span>

4. I use Windows 11 - I tested it on Chrome (Version 131.0.6778.70 (Official Build) (64-bit)) and Edge Version (131.0.2903.51 )

FYI - In your Showcase images shows fine.

[Isomorphic]

Please confirm whether the SVG sprite-file, stockIcons.svg, is at the location specified in that link - if it is, check your network tab to see if it's being loaded successfully.

[revanbhapri]

Yes, stockicons.svg is in right path and it loading properly.

Attached the network tab screenshot

[revanbhapri]

Hi Isomaprhic,

Any other suggestions?

[Isomorphic]

1) make sure you can see SVG icons in the public Showcase to eliminate something weird about your particular computer

2) same test, but run the Showcase locally, to eliminate something weird like SVGs sourced from a localhost URL are being blocked

3) try any other machine, pointing to your app