Dashboard
Dashboards are monitoring and control screens that read and write variable values through widgets.
General
Dashboards read and write variable values through various widget types, and let you monitor and control the controller from anywhere over the internet.
- Multiple dashboards can be created within a single project.
- Various widget types are available.
- Widget size and position can be changed freely with drag and drop.
Add a dashboard from the left menu and enter a name. Editing, duplicating, and deleting are also done from the left menu; deleted dashboards are moved to the trash.
Selection Mode / Clipboard
As with logic, multiple widgets can be selected at once to duplicate, delete, copy, cut, and paste, including across dashboards. The keyboard shortcuts are the same as the logic block selection mode (Part 4).
Widgets
Widgets are tile components that read or write variable values in real time. Click + Add in the upper right, choose a widget type, and select the variable to bind. Each widget accepts specific variable types.
Widget Types
| Widget | Description | Variable Type |
|---|---|---|
| Value | Displays the variable value as text. Font size is adjustable per widget. | All types |
| LED | Shows a digital variable as an on/off indicator. | Digital |
| Gauge | Displays a numeric value as a gauge, with configurable min/max and unit. | Numeric |
| Switch | Click to toggle a digital variable on or off. | Digital |
| Push Button | On while pressed, off when released. | Digital |
| Slider | Drag to change a numeric value. Step Size sets how much one step changes the value. | Numeric |
| Input | Enter a value directly to change the variable. | Numeric, Text, Date, Time, Duration, ByteArray |
| Color Display | Displays a color variable's value as a color. | Color |
| Color Picker | Changes a color variable via a palette or HEX/RGB/HSV values. | Color |
| Camera | Displays the live camera feed. | - |
| Dropdown | Writes a value chosen from a list of options, each pairing a display text with a value. Options are reordered by dragging. | All types |
| Stepper | Increments or decrements a numeric value with +/- buttons. Range, step, and wrap-around are configurable, and holding a button repeats automatically. | Numeric |
| Level Bar | Visualizes a numeric value as ten segmented bars, horizontal or vertical, with min and max labels. | Numeric |
| Media | Displays different images depending on the variable value. Values and images are paired in the Conditional Media table, and a Default Media can be set for values that match nothing. | All types |
| Image Button | A push button with custom images per On/Off state. Images are chosen from uploaded files. | Digital |
| Joystick | Controls two values (X and Y axes) simultaneously by dragging. Supports center-return mode and axis inversion. | 2 Numeric |
| Chart | Plots variable values over time as a live chart. Multiple variables can be shown in one chart, in either line or step form. | Numeric |
| Historical Chart | Views past data from a data logging channel as a time-series graph, with time-range selection and multi-variable comparison. In bar mode, values are aggregated as average, sum, minimum, maximum, or delta. | Data logging channel |
| Historical Table | Views data logging channel data as a table, with time filters, paging, and CSV export. | Data logging channel |
| Label | Displays static text without a variable binding. Font size, family, weight, and color are configurable. | - |
Drag widgets to reposition or resize them, and use the edit menu to change the type or bound variable. Duplicate and delete are in the same menu; deleted widgets cannot be recovered.
Deployment Mode
Deployment mode turns finished dashboards into an end-user screen without the editing interface. In Deployment → Deployment Settings, choose the dashboards to show, the default dashboard, a logo and display title, and a 4-digit Unlock PIN. In deployment mode, only a minimal top menu is shown instead of the sidebar, and the project cannot be edited.