Skip to content

Views & widgets

A view is one dashboard page. A project can have any number of them — useful for splitting an overview screen from per-line or per-machine detail screens.

The views tree

The Views panel in the top-left of the Editor lists every view in the project:

Editor, with the Views tree in the top-left corner

  • Click a view to open it on the canvas.
  • The icons above the tree create a new view, a new folder to group views in, or import a view.
  • The ⋮ menu on a view lets you rename, duplicate, or delete it, and set it as the project's Start View (the one runtime opens by default — see Project Settings).

Adding a widget to a view

  1. Open the view you want to edit.
  2. Find a widget in the palette on the left — under Controls for interactive widgets (value displays, buttons, sliders, gauges, tables, charts), or under Widgets → Basic / Tanks for pre-built graphics.
  3. Drag it onto the canvas and position it.
  4. Double-click the placed widget to open its properties, where you set which tag it displays or writes to, along with its appearance and behavior (colors, thresholds, animation, etc. — these vary by widget type).

Static drawing tools under General (lines, rectangles, text, images) and the Shape / Animation / Proc. Eng. / Icons / Images libraries work the same way — drag onto the canvas, then use the properties panel to configure them. Proc. Eng. is specifically process-engineering symbols (tanks, pumps, valves, piping) for building a mimic diagram of a physical process.

Saving

Click the save icon (top-left, floppy disk) to persist your changes to the project. Use the ▶ (run) button in the toolbar to preview the current view as it will actually render in the runtime view.