Pipe fitting (isometric)

About 3 min read

TwIsoPipeFitting · Category: Isometric equipment

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.

Geometry

Setting	Type	Default	Description
Fitting type fittingType	Selection	tee	Fitting drawn: tee, 90° elbow or reducer. A reducer uses Outlet diameter for its smaller end. Options: tee Tee, elbow 90° elbow, reducer Reducer
Isometric axis axis	Selection	x	Isometric axis the equipment is aligned with. Switching between x and y turns the body 90° so its connections follow pipes on that axis. Options: x, y
Mirror mirror	Checkbox	Off	Mirrors the equipment along its axis; left and right sides swap, including the connections.
Branch direction branchDirection	Selection	side	Direction of the tee or elbow branch: to the side or upward. Options: side Side, up Up
Pipe diameter (px) strokeWidth	Number	14	Pipe diameter of the connection nozzles in px (6–80, default 14). Use the same value as the connected TwIsoPipe.
Outlet diameter (px) outletDiameter	Number	10	Outlet diameter of the reducer in px (6–80). Only used when Fitting type is Reducer.

Operation

Setting	Type	Default	Description
Play animation play	Checkbox	On	Allows animations such as rotation, belt movement and blinking. They also pause while the browser tab is hidden or the system asks for reduced motion.
Fault fault	Checkbox	Off	Fault state, usually bound to a tag. Shows a warning badge in the fault icon color; it blinks while the animation is on.
Fault icon color faultColor	Color	#e5484d	Color of the fault warning badge.
Fault icon size (0.5–2×) faultScale	Number (0.5–2)	1	Size of the fault badge, 0.5–2×. Room for the largest badge is always reserved, so the drawing does not shift.

Other settings

Setting	Type	Default	Description
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 color fillColor	Color	#333333	Fill color of the shape.
Fill opacity fillOpacity	Number	100	Fill transparency. 0 is fully transparent, 1 is fully opaque.
Stroke color strokeColor	Color	#8a9296	Outline color of the shape.
Stroke opacity strokeOpacity	Number	100	Outline 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, fillColor, fillOpacity, strokeColor, strokeOpacity, strokeWidth, strokeDashArray, hoverColor, to.type, axis, mirror, play, fault, faultColor, faultScale, fittingType, branchDirection, outletDiameter

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.