Dynamically Scale a Picture Based on Widget Dragging (Left = Zoom In / Right = Zoom out)

Hi everyone,

I’m working on a UI feature in ThingWorx Mashup and was wondering if something like the following is possible:

👉 I have a layout where a picture (or model view) is shown on one side, and I want to dynamically change its size based on how I drag a divider or a panel.

• When I drag the divider to the left (making the picture area larger), the image or 3D model should grow (scale up).

• When I drag it to the right (making the area smaller), it should shrink accordingly.

The idea is to simulate a sort of "zoom effect" by using the container resizing rather than zooming through buttons or manual controls.

📷 Here's a screenshot for visual context:
(Attached image showing the mashup and panel layout with the drag area)

Has anyone tried implementing something like this before?

• Is it possible to bind the widget size or scaling dynamically to container resizing in ThingWorx?

• Or is there a workaround with CSS or JS injection?

Any ideas or tips would be greatly appreciated!

Thanks in advance!