Use the Node-RED Discourse Forum: https://discourse.nodered.org/c/dashboard or the Dashboard-ui channel in Slack to ask questions or to discuss new features. The current work …

Node-RED Dashboard 2.0 provides a core ui-chart widget to provide a simple, yet powerful way to visualise your data. It supports a wide range of chart types, including line, bar and scatter, with …

Dashboard 2.0: Vuetify Labs Examples This flow demonstrates some of the new (in-preview) Vuetify components made available in Dashboard 2.0's v1.8.0 release. In particular, it demonstrates: Sparkline Number Input Treeview

Table node (using Tabulator) for Node-RED Dashboard 2.0 A short summary of the node's design concepts, functionality & configuration options. Complete, detailed usage reference is provided in the node's on-line help, available in the Node-RED editor.

Example flow "4 sending commands.json" file can be found in the examples folder or installed directly using menu/import/examples/ui-table. This flow shows a basic implementation how the flow can keep a cached copy of all table data and add/delete or update selective rows.

Example flow used in Dashboard 2.0 Cypress E2E tests Can be used in conjunction with this flow to check the messages being output from a node in Node-RED. In this flow, our "Store Latest Msg" function node stores the received msg value into the global context store at global.msg.

Front-end Website with Node-RED: Example Form This Flow demonstrates how to create a simple front-end webpage with Node-RED. The public facing page consists of the client side JavaScript, CSS and HTML. The important technique is how the mustache templates are used. Each template will set the "property" relative to the content.

The ui-iframe node is a UI widget that can be used to embed an external Web page in a Node-RED dashboard. The URL of a web page to embed can be specified in the settings menu or by the url property of an input message.

npm i node-red-node-ui-list Note: This node uses APIs that require at least Node-RED 0.19 and Node-RED Dashboard 2.10. Usage ui-list node is a UI widget that can be used to display a list of items in the Node-RED dashboard. An array of Items is passed in by msg.payload. It consists of objects containing the following properties.

Although true => Green and false => Red is the default, one can map other payload values to any color. To customize the mappings open the node's configuration panel and scroll to the Colors for Values list.