7-Bedrock

Solved

svgViewer Widget . Can i change image color on svg

1 reply
1035 views
Translate All

I would like to know how to display an SVG image with the functionality I desire. If I read a boolean value as 'on', I want to show only green color and hide other colors. If it's 'off', then display only red color and hide other colors. Is there a way to achieve this?

12-Amethyst

Hi,

Yes, there is a way but it's not made extremely easy. The SVG is ultimately like an HTML to which you can apply styles.

There was a widget made way back for this exact reason, to make floor plans and have colored statuses all over.

https://github.com/ptc-iot-sharing/SvgViewerWidgetTWX

It should come with the necessary documentation in the README.

Hope this helps,

Gabriel

Answer

12-Amethyst

Hi,

Yes, there is a way but it's not made extremely easy. The SVG is ultimately like an HTML to which you can apply styles.

There was a widget made way back for this exact reason, to make floor plans and have colored statuses all over.

https://github.com/ptc-iot-sharing/SvgViewerWidgetTWX

It should come with the necessary documentation in the README.

Hope this helps,

Gabriel

Translate