https://github.com/flowfuse/node-red-dashboard-2-ui-flowviewer

FlowFuse Dashboard nodes to visualise a Node-RED flow in a Dashboard
https://github.com/flowfuse/node-red-dashboard-2-ui-flowviewer

Last synced: 4 months ago
JSON representation

FlowFuse Dashboard nodes to visualise a Node-RED flow in a Dashboard

• Host: GitHub
• URL: https://github.com/flowfuse/node-red-dashboard-2-ui-flowviewer
• Owner: FlowFuse
• License: apache-2.0
• Created: 2024-07-18T14:09:15.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-11-17T09:18:46.000Z (7 months ago)
• Last Synced: 2025-11-17T11:19:37.229Z (7 months ago)
• Language: HTML
• Size: 271 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Dashboard 2.0 Node: `ui-flowviewer`

This node allows you to render Node-RED `flow.json` files within [FlowFuse Dashboard](https://dashboard.flowfuse.com).

![ui-flowviewer](https://github.com/user-attachments/assets/01d6d165-f261-47f4-b22e-7a1f0379ec39)

_Screenshot showing the flow viewer in a Dashboard._

## Configuration

### Properties

- **size**: Width and height of the renderer in the context of the Dashboard layout. If you use _"auto"_ sizing, then the renderer will always display with a minimum height of "4" rows.

- **flow**: A valid Node-RED `flow.json`.

### Dynamic Configuration

You can inject `msg.ui_update.flow` messages to the node in order to override the rendered flow. See the "/examples" folder for a demo flow.