How to draw a Pipe and Rotate Symbol in Perspective 8.1.2

kartik.shah.2006 · February 27, 2021, 2:29pm

Hi, I am working on a project and creating a page in ignition perspective 8.1.2.
Please let me know how can i do following items?

Draw a Pipe or Line
How to Flip a Symbol e.g. vessel symbol with P&ID

jlandwerlen · February 28, 2021, 10:09pm

Don't think drawing tools exist yet, but maybe this link will help:

kartik.shah.2006 · February 28, 2021, 11:09pm

Thanks and any idea about mirroring of new symbols in 8.1.2

jlandwerlen · February 28, 2021, 11:17pm

I haven’t installed 8.1.2 yet, so I can’t speak to that. I would assume you can rotate, kind of useless if you couldn’t.

kartik.shah.2006 · February 28, 2021, 11:32pm

ok.
Exactly and i haven’t found an option to mirror it yet.

cmallonee · March 1, 2021, 1:09am

To flip a symbol or icon, you need to add a property to the style object, and this new property should be called transform. Set the value fo this new transform property to be scale(-1, 1). This mirrors the symbol/icon over the y-axis. A scale value of scale(1, -1) would mirror the symbol/icon over the x-axis (and make t appear upside-down).

Before:

After:

kartik.shah.2006 · March 1, 2021, 9:29am

Thanks but i think you are talking about normal symbols where as i am more interested in symbols pallet symbol and still its not working with transform.

e.g. vessel symbol as show below and want to change the fill level from left to right.

like to mirror horizontally as follows but only fill level not direction or text or label.

cmallonee · March 1, 2021, 4:47pm

Ah, I see. The transform applies to the entirety of the component, and this includes the label and text. If you want the vessel flipped and not the text, then you’ll need to supply your own separate label.

kartik.shah.2006 · March 1, 2021, 11:18pm

Sorry but its not working for me as a mirror image, i am not sure if i am missing something or doing it wrong. Its same in designer and also in session.
Designer

Session

cmallonee · March 2, 2021, 5:09am

You added transform as a child property of props, instead of adding transform as a child of style. If you look closely at the screenshot I provided, you can see that the indentation of classes and transform should be the same as they are both children of style.

Click the + icon which appears to the right of style while hovering over style and select “Value”. Change this new key to “transform”.
Screen Shot 2021-03-01 at 9.10.14PM

kartik.shah.2006 · March 2, 2021, 6:07am

ohk that makes sense. Thank you very much for your help and support.