Solved

disabled icon webgui not having the disabled look?

  • 30 April 2021
  • 6 replies
  • 52 views

Userlevel 5
Badge +15

When you use a SVG icon for a task which is disabled in the web gui, the icon doesn't become gray like it does in the Window GUI. Is this a setting or svg trick that needs to be applied?

webgui disabled
windows gui disabled

 

icon

Best answer by Mark Jongeling 8 June 2021, 17:19

View original

6 replies

Userlevel 7
Badge +23

Hi René,

Can you check with the Developer tools (F12) of your browser if it shows two entries for the Task image, a Enabled variant and a Disabled variant?

 

Userlevel 5
Badge +15

Hi,

It looks a bit weird. The “disabled” variant looks enabled, where the enabled variant looks disabled.

I've used this icon for the example: https://fonts.google.com/icons?selected=Material%20Icons%20Outlined%3Ado_disturb_on

<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5-9h10v2H7z"/></svg>

 

Userlevel 5
Badge +15

Anyone any clue on this?

Userlevel 7
Badge +23

Hi René, 

My last guess is maybe it is a Theme setting, Could you check if the Inactive color is set to black?

Theme

If this is also not it, I think it's best to create an issue in TCP. From there we can look deeper into it.

Userlevel 5
Badge +15

Hi, the theme setting unfortunately doesn't affect the black color of the svg button. I'll add an example in TCP.

 

Userlevel 7
Badge +23

The question will be closed here and you'll be helped further in TMS. The current state of your ticket is that the issue is on the backlog.

Reply