Skip to main content
Solved

Display SVG Icons in Treeview


Harm Horstman
Superhero
Forum|alt.badge.img+21

We ran into the problem that SVGs were not displayed in tree views. (Universal GUI 2024.2.14)

After adding this to custom.css, the svg icons became visible:

svg {
	width: 24px;
    height: 24px; 
}

Side effect of this, is that charts are no longer displayed.

 

I don’t believe this is solved as was mentioned in this post:


What can we do now?

 

Best answer by Arie V

@Harm Horstman saw this at another customer too. This most likely has to do with the fact that your SVG files contain (unusual values for) height & width parameters. A workaround for now is to edit the SVG and completely remove the height & width parameters, leaving it up to the GUI to determine the sizing properly.

In the meantime we’ll aim for fixing this issue, based on the TCP you also raised.

View original
Did this topic help you find an answer to your question?
This topic has been closed for comments

2 replies

Arie V
Community Manager
Forum|alt.badge.img+12
  • Community Manager
  • 988 replies
  • Answer
  • October 4, 2024

@Harm Horstman saw this at another customer too. This most likely has to do with the fact that your SVG files contain (unusual values for) height & width parameters. A workaround for now is to edit the SVG and completely remove the height & width parameters, leaving it up to the GUI to determine the sizing properly.

In the meantime we’ll aim for fixing this issue, based on the TCP you also raised.


Harm Horstman
Superhero
Forum|alt.badge.img+21
  • Author
  • Superhero
  • 498 replies
  • October 4, 2024

Hi @Arie V , yes this is the problem, I’ve tried to remove the width and height tags and after this is worked.

Anyways, I did not see a link between this problem and not working charts. 

Maybe future issues can be eliminated with a validation rule for this?


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings