5ae8788fd7
Source-tree mirror of EVOLV.wiki.git refactor (27a42ee on wiki.git): - 7 master pages rewritten with clean design (Home, Architecture, Topology-Patterns, Topic-Conventions, Telemetry, Getting-Started, Glossary). Tables and Mermaid for visuals, gitea alert callouts for warnings, shields badges for metadata only. No emoji as decoration. - Archive.md becomes a removal-changelog pointing readers to git history and to the successor pages. - _Sidebar.md updated to navigate the new flat-name layout. - Concept / finding / manual pages: uniform mini-header (badges + "reference page" callout) added without rewriting domain content. - Every internal link now uses the flat naming that resolves on the live gitea wiki (Concept-ASM-Models, Finding-BEP-..., etc.). On wiki.git: 29 Archive-* pages hard-deleted (the git history preserves them; Archive.md documents the removal). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2.8 KiB
2.8 KiB
FlowFuse Dashboard 2.0 — Widget Catalog
-orange){kind=icon}
Note
Reference page. Maintained for context; not regenerated by code. See Home for current top-level navigation.
Source: https://dashboard.flowfuse.com/
Widgets (22 types)
| Widget | Type String | Description |
|---|---|---|
| Audio | ui-audio |
Play audio files or TTS in browser |
| Button | ui-button |
Clickable button, sends msg on click/pointerdown/pointerup |
| Button Group | ui-button-group |
Multiple buttons rendered together as toggle/selection |
| Chart | ui-chart |
Line, bar, scatter, pie, histogram — backed by eCharts |
| Control | ui-control |
Programmatic page navigation and group visibility control |
| Dropdown | ui-dropdown |
Select one or many options from a dropdown list |
| Event | ui-event |
Fires msg on browser-side events (page load, resize, etc.) |
| File Input | ui-file-input |
File upload from browser to Node-RED |
| Form | ui-form |
Multi-field input form with submit action |
| Gauge | ui-gauge |
Numeric display as tile, battery, tank, half-arc, or 3/4-arc |
| Markdown | ui-markdown |
Render markdown/HTML content |
| Notification | ui-notification |
Toast / snackbar / alert popups |
| Number Input | ui-number-input |
Numeric input field with optional range/step |
| Progress | ui-progress |
Linear or circular progress bar |
| Radio Group | ui-radio-group |
Select one option from radio buttons |
| Slider | ui-slider |
Horizontal or vertical slider control |
| Spacer | ui-spacer |
Empty cell for layout positioning |
| Switch | ui-switch |
On/off toggle switch |
| Table | ui-table |
Paginated data table with sorting/selection |
| Template | ui-template |
Custom Vue/Vuetify/HTML with full scripting |
| Text | ui-text |
Read-only text display, supports HTML |
| Text Input | ui-text-input |
Editable text field (text, password, email, etc.) |
Config Nodes (4 types)
| Node | Type String | Purpose |
|---|---|---|
| Base | ui-base |
Root dashboard instance — path, nav style, header |
| Theme | ui-theme |
Colors, sizing, spacing, group styling |
| Page | ui-page |
Dashboard page — path, layout (grid/fixed/notebook/tabs), breakpoints |
| Group | ui-group |
Widget container — width, height, order within a page |