# Perspective Mirror View

**URL:** <https://forum.inductiveautomation.com/t/perspective-mirror-view/103520>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 11, 2025, 4:32pm UTC](https://forum.inductiveautomation.com/t/perspective-mirror-view/103520 "2025-03-11T16:32:15Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![bwhite](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bwhite/32/7112_2.png) [@bwhite](https://forum.inductiveautomation.com/u/bwhite)\
**Post date:** [March 11, 2025, 4:32pm UTC](https://forum.inductiveautomation.com/t/perspective-mirror-view/103520/1 "2025-03-11T16:32:16Z")

</div>

I'm working on two views in perspective that need to be mirrors of each other. These will be posted on large monitor back to back and the equipment on the left on one monitor needs to be on the right on the other monitor. Is there a better way to do this than just making two views and moving the equipment?

---

<div class="post-metadata">

**Author:** ![ryan.white](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan.white/32/73193_2.png) [@ryan.white](https://forum.inductiveautomation.com/u/ryan.white)\
**Post date:** [March 11, 2025, 4:35pm UTC](https://forum.inductiveautomation.com/t/perspective-mirror-view/103520/2 "2025-03-11T16:35:34Z")

</div>

Use a flex repeater with the direction bound to a page parameter that sets the direction to either `row` or `row-reverse`.

If you are using different views for different machines then you may need to create a wrapper view that takes the target view as a parameter and use this wrapper view in the flex repeater.

Configure your project to have a URL that allows you to pass in the page parameter as a URL parameter. Configure the monitors to connect to the associated URL to pass that page parameter in.

---

<div class="post-metadata">

**Author:** ![djs](https://avatars.discourse-cdn.com/v4/letter/d/e47774/32.png) [@djs](https://forum.inductiveautomation.com/u/djs)\
**Post date:** [March 12, 2025, 1:32pm UTC](https://forum.inductiveautomation.com/t/perspective-mirror-view/103520/3 "2025-03-12T13:32:20Z")

</div>

This would not work well for this solution as text or values on the screen would get "mirrored" as well, but for anyone who finds this topic looking for a true "mirroring" of a view, you can do it by adding a scale transform on the style prop of the root container:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/0/50332c778ceba7e09cfc2d5c785afbe485bdd093.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/a/9a1898ce4cafdde7cc9336a3222218ba0f6e259a.png)

---

<div class="post-metadata">

**Author:** ![bwhite](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bwhite/32/7112_2.png) [@bwhite](https://forum.inductiveautomation.com/u/bwhite)\
**Post date:** [March 12, 2025, 5:01pm UTC](https://forum.inductiveautomation.com/t/perspective-mirror-view/103520/4 "2025-03-12T17:01:30Z")

</div>

This works. I am going to have to get creative with several flex repeaters, because the objects aren't all the same. I didn't have any problems with the text flipping over. I am using version 8.1.39.

---

<div class="post-metadata">

**Author:** ![Francisco\_Ochoa](https://avatars.discourse-cdn.com/v4/letter/f/e495f1/32.png) [@Francisco\_Ochoa](https://forum.inductiveautomation.com/u/Francisco_Ochoa)\
**Post date:** [September 24, 2025, 5:57pm UTC](https://forum.inductiveautomation.com/t/perspective-mirror-view/103520/5 "2025-09-24T17:57:42Z")

</div>

for version 8.1.13 not works

| |
| --- |

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [September 24, 2025, 6:01pm UTC](https://forum.inductiveautomation.com/t/perspective-mirror-view/103520/6 "2025-09-24T18:01:12Z")

</div>

Related:

> [@How to Change Animation Direction of Pump to Anti-Clockwise?](https://forum.inductiveautomation.com/t/how-to-change-animation-direction-of-pump-to-anti-clockwise/108659/2):
>
> Instead of using orientation : left, leave it at right.. Scale the pump by (-1, ). That will mirror the pump, the vanes, the label and the value horizontally. Mirror the value back by scaling it by (-1, 1). Mirror the label back by scaling it by (-1, 1). Everything should look right, the blades will curve the right direction (which they don't when you change orientation). Your infeed pipe connection should probably align with the centre of the pump rather than the outlet to reflect…

This post also shows how to apply a second mirror to the text to un-mirror it.
