# Perspective display

**URL:** <https://forum.inductiveautomation.com/t/perspective-display/72340>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [April 12, 2023, 7:14am UTC](https://forum.inductiveautomation.com/t/perspective-display/72340 "2023-04-12T07:14:49Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![jiyoung\_hwang1](https://avatars.discourse-cdn.com/v4/letter/j/bc79bd/32.png) [@jiyoung\_hwang1](https://forum.inductiveautomation.com/u/jiyoung_hwang1)\
**Post date:** [April 12, 2023, 7:14am UTC](https://forum.inductiveautomation.com/t/perspective-display/72340/1 "2023-04-12T07:14:49Z")

</div>

![1](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/b/1b6f0e3dbd69ae9c4f8d9740bc121b36c7c74099.gif)  
 ![2](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/9/b98330701684fa50a59f4fffc909ae7c1407c0b3.gif)

Looking at the picture "1", the picture was drawn using a pipe in the perspective designer.

However, if you look at the picture "2", the lines are all twisted on the web screen.

How can I make it look like picture number 1 on the web?

For reference, MODE in PROPS is set to PERCENT.

---

<div class="post-metadata">

**Author:** ![andrew.budaiev](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andrew.budaiev/32/72921_2.png) [@andrew.budaiev](https://forum.inductiveautomation.com/u/andrew.budaiev)\
**Post date:** [April 12, 2023, 11:29am UTC](https://forum.inductiveautomation.com/t/perspective-display/72340/2 "2023-04-12T11:29:11Z")

</div>

I think you need to put some value to the `props.aspectRatio` and pipes will stay anchored to the elements, try ~~`1:1`~~

Edit: try your `width:height.`

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [April 12, 2023, 11:36am UTC](https://forum.inductiveautomation.com/t/perspective-display/72340/3 "2023-04-12T11:36:23Z")

</div>

The aspect ratio will probably need to be width:height, enter your specific values.

---

<div class="post-metadata">

**Author:** ![jd1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jd1/32/18928_2.png) [@jd1](https://forum.inductiveautomation.com/u/jd1)\
**Post date:** [April 12, 2023, 8:47pm UTC](https://forum.inductiveautomation.com/t/perspective-display/72340/4 "2023-04-12T20:47:54Z")

</div>

Is there a solution to this issue that addresses the issue of using screens with different aspect ratios? The screens on the plant floor are usually 4:3 but managers accessing screen from their web browser have 16:9 monitors.

---

<div class="post-metadata">

**Author:** ![witman](https://avatars.discourse-cdn.com/v4/letter/w/d2c977/32.png) [@witman](https://forum.inductiveautomation.com/u/witman)\
**Post date:** [April 12, 2023, 9:06pm UTC](https://forum.inductiveautomation.com/t/perspective-display/72340/5 "2023-04-12T21:06:27Z")

</div>

For P&ID screens, I expect to improve use of extra real estate on wider screens further over time, but as a starting point using one of the provided Perspective templates and setting the menu on left side to minimize to the icon at top left on plant screens while expanding on wider screens helps.

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

---

<div class="post-metadata">

**Author:** ![jiyoung\_hwang1](https://avatars.discourse-cdn.com/v4/letter/j/bc79bd/32.png) [@jiyoung\_hwang1](https://forum.inductiveautomation.com/u/jiyoung_hwang1)\
**Post date:** [April 13, 2023, 2:12am UTC](https://forum.inductiveautomation.com/t/perspective-display/72340/6 "2023-04-13T02:12:37Z")

</div>

PROPS -\> pipes -\> 0 -\> Are you saying to put height in width or put a number in height?

---

<div class="post-metadata">

**Author:** ![andrew.budaiev](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andrew.budaiev/32/72921_2.png) [@andrew.budaiev](https://forum.inductiveautomation.com/u/andrew.budaiev)\
**Post date:** [April 13, 2023, 2:15am UTC](https://forum.inductiveautomation.com/t/perspective-display/72340/7 "2023-04-13T02:15:47Z")

</div>

You should put in `props.aspectRatio` ` width:height` of your coordinate container.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/6/9630c38c8c1c882eb538fbe534bf669fb0a52c79.png)

example `aspectRatio : 1280:720`

---

<div class="post-metadata">

**Author:** ![jiyoung\_hwang1](https://avatars.discourse-cdn.com/v4/letter/j/bc79bd/32.png) [@jiyoung\_hwang1](https://forum.inductiveautomation.com/u/jiyoung_hwang1)\
**Post date:** [April 13, 2023, 2:20am UTC](https://forum.inductiveautomation.com/t/perspective-display/72340/8 "2023-04-13T02:20:45Z")

</div>

Thank you so much!!