Skip to main content
S
17-Peridot
Sathishkumar_C17-Peridot
17-Peridot
March 3, 2023
Question

Responsive Mashups - Multi layered using Z-Index with multiple widgets

  • March 3, 2023
  • 1 reply
  • 2243 views

We are having a mashup with Image and shape. Please refer below,

Sathishkumar_C_0-1677848643050.jpeg

Here Green and Red are shape widgets placed on top of Image widget. The mashup tree as follows,

Sathishkumar_C_1-1677848877878.png

Here is my question,

As we know field set is kind of panel so that is static. But, we are in need to make responsive mashup with image and shape widgets. Is that possible? any workaround there?

 

I referred following posts/articles, it seems not possible to do.

Please suggest any idea or workaround.

 

 

1 reply

C
Constantine18-Opal
18-Opal
March 6, 2023

Hello,

 

The only option I'm aware of is use the 3rd-party SVG widget (https://github.com/ptc-iot-sharing/SvgViewerWidgetTWX) which allows manipulating SVG content in runtime. In this case you'd have your shapes embedded in the image, and will be manipulating their color via "data" infotable associated with it.

 

Note that this widget is not supported by PTC and was last updated a few years ago, so if anything goes wrong you're on your own.

 

/ Constantine

S
17-Peridot
Sathishkumar_C17-PeridotAuthor
17-Peridot
March 14, 2023

Thanks for the information @Constantine 

I tried to import into Thingworx 9.3.7 and it's successfully imported. But, not able to view the SVG Viewer Widget in Mashup. 

Sathishkumar_C_0-1678776801913.png

 

S
SP_103670747-Bedrock
7-Bedrock
March 14, 2023

Hello @Sathishkumar_C, 

 

You can use the SVG Viewer Widget  using this link. https://github.com/ptc-iot-sharing/SvgViewerWidgetTWX. Please make a note that it's not officially supported by PTC so if something goes wrong we may be limited on how much we can help. 

 

Let me know if you have any further questions or concerns. 

 

Thanks & Regards, 

Surbhi Patel 

Terms & ConditionsAccessibility statement