Is there any way to adjust the z height of pipes? I wanted a section of pipe to appear on top of a SVG element. The pipes seem unaffected by move to front/back.
I have a method it may not be the best, but it allows for you to change the z order.
What you can do is place all of the pipes inside of a coordinate container (I call this the CoordinateContainer_PIPES) Then you are able to move that specific coordinate container order either in front or behind other objects here is an example of the view:
Notice how tank 2 is behind the pipes while tank 1 is laying on top of the pipes.
To copy this view copy all of the JSON. Create a new view within Ignition then press SHIFT+Right click on the new view then paste the JSON.
{
"custom": {},
"params": {},
"props": {},
"root": {
"children": [
{
"meta": {
"name": "Polyethylene tank 2"
},
"position": {
"height": 369,
"width": 190,
"x": 85
},
"props": {
"elements": [
{
"elements": [
{
"d": "M0,15.653h77.363V112.5H0V15.653",
"fill": {
"paint": {
"gradientUnits": "userSpaceOnUse",
"stops": [
{
"offset": "0",
"style": {
"stopColor": "#383838"
}
},
{
"offset": "0.47",
"style": {
"stopColor": "#ECECEC"
}
},
{
"offset": "0.55",
"style": {
"stopColor": "#D9D9D9"
}
},
{
"offset": "0.7",
"style": {
"stopColor": "#A8A8A8"
}
},
{
"offset": "0.91",
"style": {
"stopColor": "#5A5A5A"
}
},
{
"offset": "1",
"style": {
"stopColor": "#383838"
}
}
],
"type": "linear",
"x1": "2.441406e-004",
"x2": "77.3635",
"y1": "64.0762",
"y2": "64.0762"
}
},
"name": "path",
"type": "path"
},
{
"d": "M9.572,15.653h1.239v4.73H9.572V15.653z",
"fill": {
"paint": "#707070"
},
"name": "path",
"type": "path"
},
{
"d": "M15.653,15.653h1.127v4.73h-1.127V15.653z",
"fill": {
"paint": "#707070"
},
"name": "path",
"type": "path"
},
{
"d": "M60.472,15.653h1.127v4.73h-1.127V15.653z",
"fill": {
"paint": "#707070"
},
"name": "path",
"type": "path"
},
{
"d": "M66.553,15.653h1.126v4.73h-1.126V15.653z",
"fill": {
"paint": "#707070"
},
"name": "path",
"type": "path"
}
],
"name": "Group_TankBody",
"type": "group"
},
{
"elements": [
{
"d": "M4.617,102.814h7.432v9.686H4.617V102.814z",
"fill": {
"paint": "#CCCCCC"
},
"name": "path",
"type": "path"
},
{
"d": "M4.617,102.814h7.432l-4.842,2.365l-2.59,7.32V102.814z",
"fill": {
"paint": "#AFAFAF"
},
"name": "path",
"type": "path"
},
{
"d": "M65.202,102.814h7.207v9.686h-7.207V102.814z",
"fill": {
"paint": "#CCCCCC"
},
"name": "path",
"type": "path"
},
{
"d": "M65.202,102.814h7.207l-4.73,2.365l-2.477,7.32V102.814z",
"fill": {
"paint": "#AFAFAF"
},
"name": "path",
"type": "path"
}
],
"name": "Group_",
"type": "group"
},
{
"elements": [
{
"d": "M6.081,15.653v-1.238c0,0-1.315-7.665,28.266-8.333c2.139-0.048,6.42-0.099,8.558,0 c28.861,1.335,28.379,8.333,28.379,8.333v1.238H6.081",
"fill": {
"paint": {
"gradientUnits": "userSpaceOnUse",
"stops": [
{
"offset": "0",
"style": {
"stopColor": "#383838"
}
},
{
"offset": "0.04",
"style": {
"stopColor": "#4B4B4B"
}
},
{
"offset": "0.15",
"style": {
"stopColor": "#848484"
}
},
{
"offset": "0.26",
"style": {
"stopColor": "#B1B1B1"
}
},
{
"offset": "0.36",
"style": {
"stopColor": "#D1D1D1"
}
},
{
"offset": "0.44",
"style": {
"stopColor": "#E5E5E5"
}
},
{
"offset": "0.49",
"style": {
"stopColor": "#ECECEC"
}
},
{
"offset": "0.55",
"style": {
"stopColor": "#E5E5E5"
}
},
{
"offset": "0.63",
"style": {
"stopColor": "#D4D4D4"
}
},
{
"offset": "0.72",
"style": {
"stopColor": "#B6B6B6"
}
},
{
"offset": "0.83",
"style": {
"stopColor": "#8E8E8E"
}
},
{
"offset": "0.94",
"style": {
"stopColor": "#5A5A5A"
}
},
{
"offset": "1",
"style": {
"stopColor": "#383838"
}
}
],
"type": "linear",
"x1": "6.0725",
"x2": "71.2844",
"y1": "10.8389",
"y2": "10.8389"
}
},
"name": "path",
"type": "path"
}
],
"name": "Group_T",
"type": "group"
},
{
"elements": [
{
"d": "M37.499,0.243h2.253l3.604,1.267h-9.685L37.499,0.243z",
"fill": {
"paint": "#4C4C4C"
},
"name": "path",
"type": "path"
},
{
"d": "M31.418,2.892h14.415V1.154H31.418V2.892z",
"fill": {
"paint": {
"gradientUnits": "userSpaceOnUse",
"stops": [
{
"offset": "0",
"style": {
"stopColor": "#383838"
}
},
{
"offset": "0.47",
"style": {
"stopColor": "#ECECEC"
}
},
{
"offset": "0.55",
"style": {
"stopColor": "#D9D9D9"
}
},
{
"offset": "0.7",
"style": {
"stopColor": "#A8A8A8"
}
},
{
"offset": "0.91",
"style": {
"stopColor": "#5A5A5A"
}
},
{
"offset": "1",
"style": {
"stopColor": "#383838"
}
}
],
"type": "linear",
"x1": "31.4182",
"x2": "45.8333",
"y1": "2.0234",
"y2": "2.0234"
}
},
"name": "path",
"type": "path"
},
{
"d": "M28.941,2.707H48.31v1.407H28.941V2.707z",
"fill": {
"paint": {
"gradientUnits": "userSpaceOnUse",
"stops": [
{
"offset": "0",
"style": {
"stopColor": "#383838"
}
},
{
"offset": "0.47",
"style": {
"stopColor": "#ECECEC"
}
},
{
"offset": "0.55",
"style": {
"stopColor": "#D9D9D9"
}
},
{
"offset": "0.7",
"style": {
"stopColor": "#A8A8A8"
}
},
{
"offset": "0.91",
"style": {
"stopColor": "#5A5A5A"
}
},
{
"offset": "1",
"style": {
"stopColor": "#383838"
}
}
],
"type": "linear",
"x1": "28.9407",
"x2": "48.3098",
"y1": "3.4106",
"y2": "3.4106"
}
},
"name": "path",
"type": "path"
},
{
"d": "M27.815,3.604h21.622l1.351,12.049H26.464L27.815,3.604z",
"fill": {
"paint": {
"gradientUnits": "userSpaceOnUse",
"stops": [
{
"offset": "0",
"style": {
"stopColor": "#383838"
}
},
{
"offset": "0.47",
"style": {
"stopColor": "#ECECEC"
}
},
{
"offset": "0.55",
"style": {
"stopColor": "#D9D9D9"
}
},
{
"offset": "0.7",
"style": {
"stopColor": "#A8A8A8"
}
},
{
"offset": "0.91",
"style": {
"stopColor": "#5A5A5A"
}
},
{
"offset": "1",
"style": {
"stopColor": "#383838"
}
}
],
"type": "linear",
"x1": "26.4641",
"x2": "50.7874",
"y1": "9.6289",
"y2": "9.6289"
}
},
"name": "path",
"type": "path"
}
],
"name": "Group_Top",
"type": "group"
}
],
"viewBox": "0 0 77.363 112.5"
},
"type": "ia.shapes.svg"
},
{
"meta": {
"name": "CoordinateContainer_PIPES"
},
"position": {
"height": "100%",
"width": "100%"
},
"props": {
"pipes": [
{
"appearance": "auto",
"end": "none",
"fill": "",
"flanges": true,
"lineVariant": "solid",
"name": "pipe",
"origin": {
"connections": [
{
"connections": [
{
"connections": [
{
"connections": [
{
"connections": [
{
"connections": [
{
"x": 380,
"y": 229
}
],
"x": 132,
"y": 229
}
],
"x": 132,
"y": 123
}
],
"x": 217,
"y": 123
}
],
"x": 217,
"y": 283
}
],
"x": 42,
"y": 283
}
],
"x": 42,
"y": 42
},
"start": "none",
"stroke": "",
"visible": true,
"width": 10
}
]
},
"type": "ia.container.coord"
},
{
"meta": {
"name": "Polyethylene tank 1"
},
"position": {
"height": 109,
"width": 44,
"x": 301,
"y": 169
},
"props": {
"elements": [
{
"elements": [
{
"d": "M0,15.653h77.363V112.5H0V15.653",
"fill": {
"paint": {
"gradientUnits": "userSpaceOnUse",
"stops": [
{
"offset": "0",
"style": {
"stopColor": "#383838"
}
},
{
"offset": "0.47",
"style": {
"stopColor": "#ECECEC"
}
},
{
"offset": "0.55",
"style": {
"stopColor": "#D9D9D9"
}
},
{
"offset": "0.7",
"style": {
"stopColor": "#A8A8A8"
}
},
{
"offset": "0.91",
"style": {
"stopColor": "#5A5A5A"
}
},
{
"offset": "1",
"style": {
"stopColor": "#383838"
}
}
],
"type": "linear",
"x1": "2.441406e-004",
"x2": "77.3635",
"y1": "64.0762",
"y2": "64.0762"
}
},
"name": "path",
"type": "path"
},
{
"d": "M9.572,15.653h1.239v4.73H9.572V15.653z",
"fill": {
"paint": "#707070"
},
"name": "path",
"type": "path"
},
{
"d": "M15.653,15.653h1.127v4.73h-1.127V15.653z",
"fill": {
"paint": "#707070"
},
"name": "path",
"type": "path"
},
{
"d": "M60.472,15.653h1.127v4.73h-1.127V15.653z",
"fill": {
"paint": "#707070"
},
"name": "path",
"type": "path"
},
{
"d": "M66.553,15.653h1.126v4.73h-1.126V15.653z",
"fill": {
"paint": "#707070"
},
"name": "path",
"type": "path"
}
],
"name": "Group_TankBody",
"type": "group"
},
{
"elements": [
{
"d": "M4.617,102.814h7.432v9.686H4.617V102.814z",
"fill": {
"paint": "#CCCCCC"
},
"name": "path",
"type": "path"
},
{
"d": "M4.617,102.814h7.432l-4.842,2.365l-2.59,7.32V102.814z",
"fill": {
"paint": "#AFAFAF"
},
"name": "path",
"type": "path"
},
{
"d": "M65.202,102.814h7.207v9.686h-7.207V102.814z",
"fill": {
"paint": "#CCCCCC"
},
"name": "path",
"type": "path"
},
{
"d": "M65.202,102.814h7.207l-4.73,2.365l-2.477,7.32V102.814z",
"fill": {
"paint": "#AFAFAF"
},
"name": "path",
"type": "path"
}
],
"name": "Group_",
"type": "group"
},
{
"elements": [
{
"d": "M6.081,15.653v-1.238c0,0-1.315-7.665,28.266-8.333c2.139-0.048,6.42-0.099,8.558,0 c28.861,1.335,28.379,8.333,28.379,8.333v1.238H6.081",
"fill": {
"paint": {
"gradientUnits": "userSpaceOnUse",
"stops": [
{
"offset": "0",
"style": {
"stopColor": "#383838"
}
},
{
"offset": "0.04",
"style": {
"stopColor": "#4B4B4B"
}
},
{
"offset": "0.15",
"style": {
"stopColor": "#848484"
}
},
{
"offset": "0.26",
"style": {
"stopColor": "#B1B1B1"
}
},
{
"offset": "0.36",
"style": {
"stopColor": "#D1D1D1"
}
},
{
"offset": "0.44",
"style": {
"stopColor": "#E5E5E5"
}
},
{
"offset": "0.49",
"style": {
"stopColor": "#ECECEC"
}
},
{
"offset": "0.55",
"style": {
"stopColor": "#E5E5E5"
}
},
{
"offset": "0.63",
"style": {
"stopColor": "#D4D4D4"
}
},
{
"offset": "0.72",
"style": {
"stopColor": "#B6B6B6"
}
},
{
"offset": "0.83",
"style": {
"stopColor": "#8E8E8E"
}
},
{
"offset": "0.94",
"style": {
"stopColor": "#5A5A5A"
}
},
{
"offset": "1",
"style": {
"stopColor": "#383838"
}
}
],
"type": "linear",
"x1": "6.0725",
"x2": "71.2844",
"y1": "10.8389",
"y2": "10.8389"
}
},
"name": "path",
"type": "path"
}
],
"name": "Group_T",
"type": "group"
},
{
"elements": [
{
"d": "M37.499,0.243h2.253l3.604,1.267h-9.685L37.499,0.243z",
"fill": {
"paint": "#4C4C4C"
},
"name": "path",
"type": "path"
},
{
"d": "M31.418,2.892h14.415V1.154H31.418V2.892z",
"fill": {
"paint": {
"gradientUnits": "userSpaceOnUse",
"stops": [
{
"offset": "0",
"style": {
"stopColor": "#383838"
}
},
{
"offset": "0.47",
"style": {
"stopColor": "#ECECEC"
}
},
{
"offset": "0.55",
"style": {
"stopColor": "#D9D9D9"
}
},
{
"offset": "0.7",
"style": {
"stopColor": "#A8A8A8"
}
},
{
"offset": "0.91",
"style": {
"stopColor": "#5A5A5A"
}
},
{
"offset": "1",
"style": {
"stopColor": "#383838"
}
}
],
"type": "linear",
"x1": "31.4182",
"x2": "45.8333",
"y1": "2.0234",
"y2": "2.0234"
}
},
"name": "path",
"type": "path"
},
{
"d": "M28.941,2.707H48.31v1.407H28.941V2.707z",
"fill": {
"paint": {
"gradientUnits": "userSpaceOnUse",
"stops": [
{
"offset": "0",
"style": {
"stopColor": "#383838"
}
},
{
"offset": "0.47",
"style": {
"stopColor": "#ECECEC"
}
},
{
"offset": "0.55",
"style": {
"stopColor": "#D9D9D9"
}
},
{
"offset": "0.7",
"style": {
"stopColor": "#A8A8A8"
}
},
{
"offset": "0.91",
"style": {
"stopColor": "#5A5A5A"
}
},
{
"offset": "1",
"style": {
"stopColor": "#383838"
}
}
],
"type": "linear",
"x1": "28.9407",
"x2": "48.3098",
"y1": "3.4106",
"y2": "3.4106"
}
},
"name": "path",
"type": "path"
},
{
"d": "M27.815,3.604h21.622l1.351,12.049H26.464L27.815,3.604z",
"fill": {
"paint": {
"gradientUnits": "userSpaceOnUse",
"stops": [
{
"offset": "0",
"style": {
"stopColor": "#383838"
}
},
{
"offset": "0.47",
"style": {
"stopColor": "#ECECEC"
}
},
{
"offset": "0.55",
"style": {
"stopColor": "#D9D9D9"
}
},
{
"offset": "0.7",
"style": {
"stopColor": "#A8A8A8"
}
},
{
"offset": "0.91",
"style": {
"stopColor": "#5A5A5A"
}
},
{
"offset": "1",
"style": {
"stopColor": "#383838"
}
}
],
"type": "linear",
"x1": "26.4641",
"x2": "50.7874",
"y1": "9.6289",
"y2": "9.6289"
}
},
"name": "path",
"type": "path"
}
],
"name": "Group_Top",
"type": "group"
}
],
"viewBox": "0 0 77.363 112.5"
},
"type": "ia.shapes.svg"
}
],
"meta": {
"name": "root"
},
"type": "ia.container.coord"
}
}
1 Like
Definitely not perfect, but this works
1 Like
This is also the only way to stay sane while drawing pipes, so you don't get a gazillion snap points on the screen that snap up your new pipe node and destroy designer performance as a bonus
1 Like