Functional explanation
PolylineObject is the recommended line object for piping, wiring, conduits, and technical route drawings. It is intended for schematic connections and path-style graphics.
The object is often used to show flow paths or route-based equipment connections on overview pages and symbols. It fits technical drawings where a line must follow a specific path instead of being a simple single-segment separator.
Use PolylineObject instead of free-form alternatives when the drawing represents process or technical routing. Keep the point list readable so later maintenance is practical.
Object name
Set the object name shown in the polyline decorator context.
| Setting | Description | Example | Units |
|---|---|---|---|
| Object Name | Name used to identify the Polyline object. | PipeRoute | Text |
No rows match the filter.
Settings
Configure the point list, stroke, and click action for the polyline object.
| Setting | Description | Example | Units |
|---|---|---|---|
| Points | Point list that defines the polyline path. | 0,0 50,0 50,40 | Point list |
| Line Width | Stroke width for the line. | 3 | px |
| Line Style | Line style such as Solid, Dotted, Dashed, or Long Dash. The dash and gap lengths are a multiple of Line Width, so changing the line thickness keeps the same proportions. | Solid | Enum |
| Line Cap | SVG line cap setting such as Butt, Round, or Square. | butt | Enum |
| Arrow Start | Arrowhead drawn at the first point of the line. Choose None, Arrow for a filled head, or Open Arrow for an open head. | None | Enum |
| Arrow End | Arrowhead drawn at the last point of the line, which is how flow direction is shown on piping and signal runs. Choose None, Arrow, or Open Arrow. | Arrow | Enum |
| Arrow Size | Arrowhead length as a multiple of Line Width. Left empty the value 4 is used, with a 6 pixel minimum so a thin line still gets a readable head. | 4 | Factor |
| Bridge Crossings | Draws a small hop where this line crosses another polyline, the notation used on piping and electrical diagrams to show that two lines cross without connecting. The crossings follow the live page layout, so moving either line updates the hops. A line hops over the lines it is drawn on top of, so place it on a higher layer than the lines it should hop over. The hop bulges to the left of the direction the points run in, so reversing the point order puts it on the other side. | true | Boolean |
| Set Background | Marks the object as a background element, so it sits behind the other objects on the page. | false | Boolean |
No rows match the filter.
Color
Configure the color and the conditional color states for the polyline object.
| Setting | Description | Example | Units |
|---|---|---|---|
| Color | Stroke color for the line. Set from the Color picker in the Color group. | #0d6efd | Color |
| Color States | Conditional color state rules that restyle the polyline from a variable or expression. Each rule pairs a condition with a color, and the first matching rule wins. | [{"state":"alarm","color":"#dc3545"}] | JSON array |
No rows match the filter.
Position / Size
Configure the position and size of the Polyline object.
| Setting | Description | Example | Units |
|---|---|---|---|
| Top | Top position of the object. | 100 | px |
| Left | Left position of the object. | 220 | px |
| Width | Width of the object. | 120 | px |
| Height | Height of the object. | 60 | px |
| Z-index | Layer order of the object. Higher values appear in front of lower values. | 10 | Number |
No rows match the filter.
Border
Configure the border styling for the polyline object.
| Setting | Description | Example | Units |
|---|---|---|---|
| Border Color | Border color used for the polyline. | #CED4DA | Color |
| Border Color States | Dynamic border color state rules JSON array. | [{"state":"alarm","color":"#dc3545"}] | JSON array |
| Border Width | Border width used for the polyline. | 1 | px |
| Border Radius | Corner radius of the polyline border. | 4 | px |
| Border Visibility | Expression controlling whether the border is visible. | SYSTEM.UserGroups == "Operators" | Expression |
| Border Blink | Expression or boolean controlling border blinking. | PLC1.AlarmActive | Boolean or expression |
| Border Blink Speed | Blink speed used for the border. | 500 | ms |
| Border Blink Offset | Blink offset used to stagger border blinking between objects. | false | Boolean |
No rows match the filter.
Actions
Configure the action list executed when the polyline is clicked. See the Actions article for every available action type and its settings.
| Setting | Description | Example | Units |
No rows match the filter.
Animate Position / Size
Configure the runtime animation settings for height, width, top, and left of the Polyline object.
| Setting | Description | Example | Units |
|---|---|---|---|
| Animate Height Variable | Variable or expression that drives runtime height animation. | PLC1.Level | Variable or expression |
| Animate Height Minimum Raw | Start of the raw value span. The animation scales the variable value across the difference between Maximum Raw and Minimum Raw, so keep this at 0 for a direct mapping from 0 to the Maximum Raw value. | 0 | Raw value |
| Animate Height Maximum Raw | End of the raw value span. The animated height reaches full scale when the variable value reaches the difference between Maximum Raw and Minimum Raw. | 100 | Raw value |
| Animate Height Minimum px | Start of the pixel span. The animated height runs from 0 px up to the difference between Maximum px and Minimum px. | 20 | px |
| Animate Height Maximum px | End of the pixel span. With Minimum px at 0, this is the height at full scale. | 60 | px |
| Animate Height Reverse | Sets the edge the height grows from. Cleared grows the object upwards from the bottom edge, which suits level and fill graphics. Selected grows it downwards from the top edge. | false | Boolean |
| Animate Width Variable | Variable or expression that drives runtime width animation. | PLC1.Value | Variable or expression |
| Animate Width Minimum Raw | Start of the raw value span. The animation scales the variable value across the difference between Maximum Raw and Minimum Raw, so keep this at 0 for a direct mapping from 0 to the Maximum Raw value. | 0 | Raw value |
| Animate Width Maximum Raw | End of the raw value span. The animated width reaches full scale when the variable value reaches the difference between Maximum Raw and Minimum Raw. | 100 | Raw value |
| Animate Width Minimum px | Start of the pixel span. The animated width runs from 0 px up to the difference between Maximum px and Minimum px. | 80 | px |
| Animate Width Maximum px | End of the pixel span. With Minimum px at 0, this is the width at full scale. | 220 | px |
| Animate Width Reverse | Sets the edge the width grows from. Cleared grows the object to the right from the left edge. Selected grows it to the left from the right edge. | false | Boolean |
| Animate Top Variable | Variable or expression that drives runtime top-position animation. | PLC1.PositionTop | Variable or expression |
| Animate Top Minimum Raw | Start of the raw value span. The animation scales the variable value across the difference between Maximum Raw and Minimum Raw, so keep this at 0 for a direct mapping from 0 to the Maximum Raw value. | 0 | Raw value |
| Animate Top Maximum Raw | End of the raw value span. The offset reaches full scale when the variable value reaches the difference between Maximum Raw and Minimum Raw. | 100 | Raw value |
| Animate Top Minimum px | Start of the pixel span. A rising value moves the object upwards from its resting position by up to the difference between Maximum px and Minimum px. To move the object downwards, set Minimum px above Maximum px. | 100 | px |
| Animate Top Maximum px | End of the pixel span. A rising value moves the object upwards by up to the difference between Maximum px and Minimum px. | 260 | px |
| Animate Left Variable | Variable or expression that drives runtime left-position animation. | PLC1.PositionLeft | Variable or expression |
| Animate Left Minimum Raw | Start of the raw value span. The animation scales the variable value across the difference between Maximum Raw and Minimum Raw, so keep this at 0 for a direct mapping from 0 to the Maximum Raw value. | 0 | Raw value |
| Animate Left Maximum Raw | End of the raw value span. The offset reaches full scale when the variable value reaches the difference between Maximum Raw and Minimum Raw. | 100 | Raw value |
| Animate Left Minimum px | Start of the pixel span. A rising value moves the object to the right from its resting position by up to the difference between Maximum px and Minimum px. To move the object to the left, set Minimum px above Maximum px. | 200 | px |
| Animate Left Maximum px | End of the pixel span. A rising value moves the object to the right by up to the difference between Maximum px and Minimum px. | 420 | px |
No rows match the filter.
Access Control
Configure access control for the Polyline object.
| Setting | Description | Example | Units |
|---|---|---|---|
| Access Control Enable | Enables access control evaluation for the object. | true | Boolean |
| Access Control | Expression controlling who can use or see the object. | SYSTEM.UserGroups == "Operators" | Expression |
| Access Control Filter | CSS filter applied when access control is used to alter the object appearance. | blur(0px) contrast(30%) | CSS filter |
No rows match the filter.
Visibility
Configure the runtime visibility and blinking behavior for the Polyline object.
| Setting | Description | Example | Units |
|---|---|---|---|
| Visibility | Expression controlling whether the object is visible. | PLC1.PolylineVisible | Expression |
| Blink | Expression or boolean controlling polyline blinking. | PLC1.AlarmActive | Boolean or expression |
| Blink Speed | Blink speed used during runtime. | 500 | ms |
| Blink Offset | Blink offset used to stagger blinking between objects. | false | Boolean |
No rows match the filter.