# Mirror / flip view - for quicker engineering?

**URL:** <https://forum.inductiveautomation.com/t/mirror-flip-view-for-quicker-engineering/91127>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [May 30, 2024, 9:21am UTC](https://forum.inductiveautomation.com/t/mirror-flip-view-for-quicker-engineering/91127 "2024-05-30T09:21:56Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Elling\_Aarseth](https://avatars.discourse-cdn.com/v4/letter/e/bcef8e/32.png) [@Elling\_Aarseth](https://forum.inductiveautomation.com/u/Elling_Aarseth)\
**Post date:** [May 30, 2024, 9:21am UTC](https://forum.inductiveautomation.com/t/mirror-flip-view-for-quicker-engineering/91127/1 "2024-05-30T09:21:56Z")

</div>

Hi!

I have just created i control view for a customer, on a vessel.  
This process, and alot of other once is the same on both sides of the ship, just with different tags. It takes alot of time to manually redo a picture, its not cost effective and usually it doesnt have the same spacings etc on the different views afterwards either.

My question is:  
Can i morror or flipp a view i have created, and continue working with it from there?

Here is an example of a view i already have:

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

Thanks for any help, and hopefully quick response from the community 🙂

---

<div class="post-metadata">

**Author:** ![Noah\_Casey](https://avatars.discourse-cdn.com/v4/letter/n/e480ec/32.png) [@Noah\_Casey](https://forum.inductiveautomation.com/u/Noah_Casey)\
**Post date:** [May 30, 2024, 12:15pm UTC](https://forum.inductiveautomation.com/t/mirror-flip-view-for-quicker-engineering/91127/2 "2024-05-30T12:15:50Z")

</div>

I'm not sure if there is an easier way to do this someone else might want to chime in here. If I had to do it I would use the following method:

Select the items you need to be "flipped"  
add the following to style:  
transform:scale(-1, 1)  
(You can mess around with the numbers example (1, 1), (-1, -1) etc..

Here is what this will do:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/3/4352dc9a8f195bf5de733b80eea55b10155be8c2.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/b/6b5d891f5cd38474f37752f0971043db483e1dd8.png)

You can also go through and select multiple objects to apply this style to all at once.

Hope this helps 🙂

Edit: you can also apply this to the entire root but it will flip everything including labels and anything else you place on the screen

---

<div class="post-metadata">

**Author:** ![Elling\_Aarseth](https://avatars.discourse-cdn.com/v4/letter/e/bcef8e/32.png) [@Elling\_Aarseth](https://forum.inductiveautomation.com/u/Elling_Aarseth)\
**Post date:** [May 30, 2024, 1:33pm UTC](https://forum.inductiveautomation.com/t/mirror-flip-view-for-quicker-engineering/91127/3 "2024-05-30T13:33:09Z")

</div>

yes, I have tried this function.

I tried it on the Pipes group, but it seems to work on the entire view.  
I tried it on the Bottom left container, and it worked isolated.  
Tried to copy the piping and some other stuff into a new container, but then all objects where given new X, Y, width and hight numbers (REALY ennoying, amazing if someone knows why. Seems to happend when i copy/paste objects that is rotated/angle value....)  
My plan was to create a container with everything but the control objects, and add them separatelly.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [May 30, 2024, 2:58pm UTC](https://forum.inductiveautomation.com/t/mirror-flip-view-for-quicker-engineering/91127/4 "2024-05-30T14:58:50Z")

</div>

so you are looking for a way to only flip the pipes?

---

<div class="post-metadata">

**Author:** ![Elling\_Aarseth](https://avatars.discourse-cdn.com/v4/letter/e/bcef8e/32.png) [@Elling\_Aarseth](https://forum.inductiveautomation.com/u/Elling_Aarseth)\
**Post date:** [May 31, 2024, 6:53am UTC](https://forum.inductiveautomation.com/t/mirror-flip-view-for-quicker-engineering/91127/5 "2024-05-31T06:53:19Z")

</div>

> [@Noah\_Casey](#):
>
> scale(-1, 1)

At core we're looking for a way to cut engineering cost on puctures that in principle can be flipped.

At short, i think the approch would be to flipp/morror all pipes and SVGs etc. Not the control objects as theese seaminglly will be messed up with labels etc when flipped.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [May 31, 2024, 7:15am UTC](https://forum.inductiveautomation.com/t/mirror-flip-view-for-quicker-engineering/91127/6 "2024-05-31T07:15:15Z")

</div>

if you add this to the advanced stylesheet.css

```python
.psc-mirrorPipes .ia_piping{
    transform: scale( -1, 1)
}

```

and add the class "mirrorPipes" to your pipes it will only turn the pipes instead of the whole view.

you dont want to do this while editing though

---

<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:56pm UTC](https://forum.inductiveautomation.com/t/mirror-flip-view-for-quicker-engineering/91127/7 "2025-09-24T17:56:26Z")

</div>

not work for version

| `8.1.13` |
| --- |

| |
| --- |