Piping node

About 3 min read

TwPipingNode · Category: Svg

Settings

These settings are in the properties panel on the right while the widget is selected. The default value is the value the widget has when it is first added to a page.

Node

Setting	Type	Default	Description
Node Type nodeType	Selection	elbow	Fitting drawn: Elbow, Tee, Cross or Reducer. Options: elbow Elbow, tee Tee, cross Cross, reducer Reducer
Direction direction	Selection	right-down	Orientation. For an Elbow, two-part values such as Right → Down set the corner; other types are rotated to Right, Down, Left or Up. Options: right Right, down Down, left Left, up Up, up-right Up → Right, right-down Right → Down, down-left Down → Left, left-up Left → Up, right-up Right → Up, down-right Down → Right, left-down Left → Down, up-left Up → Left

Line

Setting	Type	Default	Description
Line Style lineStyle	Selection	pipe	Pipe draws the line as a pipe with a darker outer edge and a lighter core; Normal draws a single stroke. Options: normal Normal, pipe Pipe
Stroke Line Cap strokeLineCap	Selection	round	Shape of open line ends: butt, round or square. Options: butt, round, square
Stroke Line Join strokeLineJoin	Selection	round	Shape of the corners where two segments meet, for example miter, round or bevel. Options: arcs, bevel, miter, miter-clip, round

Other settings

Setting	Type	Default	Description
Fill Color fillColor	Color	#8fb0c5	Fill color of the reducer in the Normal line style. In the Pipe style it is derived from the stroke color.
Stroke Color strokeColor	Color	#475569	Outline color of the shape.
Stroke Width strokeWidth	Number	7	Outline thickness in pixels.
Stroke Opacity strokeOpacity	Number	1	Outline transparency. 0 is fully transparent, 1 is fully opaque.
Enable Flashing enableFlashing	Checkbox	Off	Makes the widget blink (an opacity pulse every second). Usually bound to an alarm condition.
Log Button logButton	Checkbox	Off	At runtime shows a chart icon when hovering the widget; clicking it adds the Tags bound to the widget to the log Tag list.
Fill opacity fillOpacity	Number	100	Fill transparency. 0 is fully transparent, 1 is fully opaque.
Dash pattern strokeDashArray	Text	—	Dash pattern for outline, for example: 5,3
Hover color hoverColor	Color	#097979	Color used when pointer hovers over the shape.

Bindings

In the Bindings (Rules) section of the properties panel, a Tag can be bound to the following properties of this widget with a Direct binding. The binding types (Direct, IntRange, FloatRange, Boolean, Bit) are the same for all widgets; they are described on the Widget Reference page.

title, visible, authorization, x, y, width, height, rotation, class, foregroundColor, backgroundColor, borderColor, borderStyle, borderWidth, borderRadius, borderTopLeftRadius, borderTopRightRadius, enableFlashing, logButton, to.type, fillColor, fillOpacity, strokeColor, strokeOpacity, strokeWidth, strokeDashArray, hoverColor, nodeType, direction, lineStyle, strokeLineJoin, strokeLineCap

Common sections

While this widget is selected, the properties panel also shows these common sections: General, Layout, Appearance, Drawing, Navigation (To), Bindings (Rules). These sections are described on the Page Editor page.