# Creating P&IDs that can shrink and grow in perspective

**URL:** <https://forum.inductiveautomation.com/t/creating-p-ids-that-can-shrink-and-grow-in-perspective/68852>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 20, 2023, 3:21pm UTC](https://forum.inductiveautomation.com/t/creating-p-ids-that-can-shrink-and-grow-in-perspective/68852 "2023-01-20T15:21:00Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lina\_Forero-Plackeme](https://avatars.discourse-cdn.com/v4/letter/l/c77e96/32.png) [@Lina\_Forero-Plackeme](https://forum.inductiveautomation.com/u/Lina_Forero-Plackeme)\
**Post date:** [January 20, 2023, 3:21pm UTC](https://forum.inductiveautomation.com/t/creating-p-ids-that-can-shrink-and-grow-in-perspective/68852/1 "2023-01-20T15:21:00Z")

</div>

I would like to know what is the best way to create views in perspective to show P&IDs and the important data that can shrink and grow like in the "Chem Feed" view in the Inductive Automation Demo App "Water/Wastewater" Link: [Perspective](https://onlinedemo.inductiveautomation.com/data/perspective/client/OnlineDemo/apps/water/ChemFeed)

I have tried creating a P&ID in a Coordinate container with Pipe tools and then embedding this in a flex container to shrink and grow and it doesn't work. I tried the same Coordinate container setting the mode to "percent" instead of fixed and it doesn't work, everything get messed up (pipes not joined with valves and pumps and other stuff messed).  
I will guess the demo is using flex containers instead of embedded coordinate containers. However, I do not know of how to create P&IDs in flex containers since creating in flex containers components are in a row or columns. I am not sure how in a flex container you could place the pumps and valve on top of the lines (the pipes) and then how to interconnect the pipes with other elements like in the demo. Could someone guide me on this?

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [January 20, 2023, 4:39pm UTC](https://forum.inductiveautomation.com/t/creating-p-ids-that-can-shrink-and-grow-in-perspective/68852/2 "2023-01-20T16:39:41Z")

</div>

The main view on that page is a coordinate container; you can open your browser devtools and see:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/f/ef80aa566017b3c154ed84c2e595e526999cc481.png)

When you were experimenting, did you set an _aspect ratio_ for your percent-mode container? That's crucial to ensure scaling happens consistently and doesn't throw off relative positions of things.

---

<div class="post-metadata">

**Author:** ![Lina\_Forero-Plackeme](https://avatars.discourse-cdn.com/v4/letter/l/c77e96/32.png) [@Lina\_Forero-Plackeme](https://forum.inductiveautomation.com/u/Lina_Forero-Plackeme)\
**Post date:** [January 20, 2023, 7:44pm UTC](https://forum.inductiveautomation.com/t/creating-p-ids-that-can-shrink-and-grow-in-perspective/68852/3 "2023-01-20T19:44:20Z")

</div>

Thanks Paul! It makes sense. I'll experiment with the aspect ratio in coordinate container. I think that's the key.

---

<div class="post-metadata">

**Author:** ![Tyler\_Dixon](https://avatars.discourse-cdn.com/v4/letter/t/e56c9b/32.png) [@Tyler\_Dixon](https://forum.inductiveautomation.com/u/Tyler_Dixon)\
**Post date:** [February 5, 2024, 10:11pm UTC](https://forum.inductiveautomation.com/t/creating-p-ids-that-can-shrink-and-grow-in-perspective/68852/4 "2024-02-05T22:11:53Z")

</div>

Was this ever resolved? I am having similar issues, and I have tried messing with the aspect ratio. I am also using a background image (URL call) on my root coordinate container, and my pipes will not stay anchored to the background image even when selected as percent mode, will not stay relative to the background image even with adjusting the aspect ratio or pipe sizes.
