Components
Graphic editor and widgets
Compose responsive operator pages from draggable display and action widgets.
Graphic is a 2D canvas with grid snapping, page templates, component styling and typed binding ports. Drag a widget from the library directly to the desired canvas position, or click it to add with default placement.
Display widgets
| Widget | Purpose |
|---|---|
| Text | Static or bound label |
| Value | Current engineering value and unit |
| KPI | Prominent operational value |
| Status | Text and color state |
| LED | Compact Boolean indicator |
| Alarm | Alarm condition card |
| Gauge | Circular value indicator |
| Thermometer | Vertical percentage/temperature indicator |
| Donut | Circular percentage indicator |
| Timestamp | Date or event time display |
| Progress | Horizontal percentage bar |
| Sparkline | Compact rolling trend |
| Chart | Chart-style embedded trend, optionally linked to a Chart object |
| Object Card | Summary of a linked project object |
| Panel | Visual grouping surface |
Action widgets
| Widget | Purpose |
|---|---|
| Button | Discrete command |
| Switch | Boolean command and feedback |
| Dropdown | Choice from configured options |
| Segmented | Direct option selector |
| Slider | Bounded numeric command |
| Number Input | Exact numeric command |
| Text Input | Text command |
Page templates
Open Page templates from the top toolbar. Applying a template replaces the current canvas only after confirmation in an application dialog. Every generated widget remains editable.
Properties and bindings
Select a widget to edit position, dimensions, text, colors, borders, typography, opacity, style preset, default value and linked object. Bind display feedback and action commands separately when the widget exposes both ports.