# Responsive process image

**URL:** <https://forum.inductiveautomation.com/t/responsive-process-image/95773>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 10, 2024, 4:09am UTC](https://forum.inductiveautomation.com/t/responsive-process-image/95773 "2024-09-10T04:09:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anders\_Liedman](https://avatars.discourse-cdn.com/v4/letter/a/258eb7/32.png) [@Anders\_Liedman](https://forum.inductiveautomation.com/u/Anders_Liedman)\
**Post date:** [September 10, 2024, 4:09am UTC](https://forum.inductiveautomation.com/t/responsive-process-image/95773/1 "2024-09-10T04:09:19Z")

</div>

Hello,  
I'm trying to use a background image from another SCADA system in Perspective. It can be a PNG or SVG and on top of that, I want to place dynamic objects that display values and their exact placement are relevant.  
I've succeeded if I let it be a specific size by placing an image component in the background, but it would be nice if the process image was responsive and adapted to the screen size.  
I've come a bit on the way by using a flex container as root, in which I've placed a coordinate container with a background image, but when I then try to add dynamic objects such as LEDs etc and change the size of the window, they don't end up where I expect them to.  
I found another post here on the topic, but unfortunately it didn't help me. Can anyone help me with some guidence?

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [September 10, 2024, 12:30pm UTC](https://forum.inductiveautomation.com/t/responsive-process-image/95773/2 "2024-09-10T12:30:17Z")

</div>

For exact placement, you need a coordinate container. Flex containers simply won't do that.

Consider the Zoom container offered by BIJC--it handles exactly your case.
