# Really frustrating how things fail to line up in perspective

**URL:** <https://forum.inductiveautomation.com/t/really-frustrating-how-things-fail-to-line-up-in-perspective/31969>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [February 5, 2020, 10:07pm UTC](https://forum.inductiveautomation.com/t/really-frustrating-how-things-fail-to-line-up-in-perspective/31969 "2020-02-05T22:07:32Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![tmahaffey](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tmahaffey/32/30949_2.png) [@tmahaffey](https://forum.inductiveautomation.com/u/tmahaffey)\
**Post date:** [February 5, 2020, 10:07pm UTC](https://forum.inductiveautomation.com/t/really-frustrating-how-things-fail-to-line-up-in-perspective/31969/1 "2020-02-05T22:07:32Z")

</div>

Here’s a little table I setup with labels on a XY coordiante view set to percent, this is how it looks in the Designer:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/7/716b4b053998fc9996c650d0c0f44dfb6c817676.png)

Here’s how the table actually looks on the live web browser:

![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/c/c6fb88334d220e8a26752b2da50f19bd41807c1f.png)

I don’t see how evenly spaced components become so distorted.

---

<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:** [February 5, 2020, 10:43pm UTC](https://forum.inductiveautomation.com/t/really-frustrating-how-things-fail-to-line-up-in-perspective/31969/2 "2020-02-05T22:43:52Z")

</div>

You _really_ shouldn’t be using a coordinate container to try to lay out things like this.  
Make a flex-container based view that’ll be the ‘Row’; add two labels, set the left one to `grow: 3`, and the right one to `grow: 1`. Give it two parameters (`label`, `value`) and bind the label’s value to those parameters. Give it a third parameter for background color, if desired.  
Then add a flex repeater to your screen. Add as many instances as you have. Add `label` and `value` keys to the instances to set up your individual instances.

In basically no circumstances should you be manually aligning things pixel by pixel in Perspective.

 ![2020-02-05-144334_1225x845_scrot](https://us1.discourse-cdn.com/inductiveautomation/original/2X/d/d951d391aff63a1ca7552eb5b1fdd894b22ed1b5.png)