# Dashboard

**URL:** https://discourse.nodered.org/c/dashboard/5.md?page=106

[Latest](https://discourse.nodered.org/latest.md) · [Categories](https://discourse.nodered.org/categories.md) · [Tags](https://discourse.nodered.org/tags.md)

**Page:** 107

---

## [Custom Dash UI from template node example](https://discourse.nodered.org/t/custom-dash-ui-from-template-node-example/58170)

<div class="topic-metadata">

**Author:** [@om327](https://discourse.nodered.org/u/om327)\
**Replies:** 0\
**Last updated:** [11 February 2022 18:32 UTC](https://discourse.nodered.org/t/custom-dash-ui-from-template-node-example/58170 "2022-02-11T18:32:06Z")

</div>

Hello, I'm trying to follow a very simple tutorial on creating custom UI elements for the dash board node. I've been tried to mimic the following: http://noderedguide.com/tutorial-node-red-dashboards-creating-your-own-u…

---

## [Dashboard page is unable to load app.min.css and/or app.min.js - assymetric traffic in network?](https://discourse.nodered.org/t/dashboard-page-is-unable-to-load-app-min-css-and-or-app-min-js-assymetric-traffic-in-network/58138)

<div class="topic-metadata">

**Author:** [@jacksparrow662](https://discourse.nodered.org/u/jacksparrow662)\
**Replies:** 1\
**Last updated:** [11 February 2022 10:02 UTC](https://discourse.nodered.org/t/dashboard-page-is-unable-to-load-app-min-css-and-or-app-min-js-assymetric-traffic-in-network/58138 "2022-02-11T10:02:48Z")

</div>

Here is an interesting case which we haven't yet managed to crack fully, but assume we know the issue, so thought of sharing this with all you out there. The Dashboard page fails to load app.min.css or app.min.js. Setup…

---

## [Using uibuilder with vite](https://discourse.nodered.org/t/using-uibuilder-with-vite/57348)

<div class="topic-metadata">

**Author:** [@newonejoe](https://discourse.nodered.org/u/newonejoe)\
**Replies:** 19\
**Last updated:** [11 February 2022 09:50 UTC](https://discourse.nodered.org/t/using-uibuilder-with-vite/57348 "2022-02-11T09:50:22Z")

</div>

Hi all, As a beginner of node-red and uibuilder, I spent few days to understand the webpack by following these links using-uibuilder-with webpack and uibuilder-webpack-wiki. All these articles leads me to a new approach…

---

## [Required admin login preventing server connection](https://discourse.nodered.org/t/required-admin-login-preventing-server-connection/58126)

<div class="topic-metadata">

**Author:** [@sim](https://discourse.nodered.org/u/sim)\
**Replies:** 0\
**Last updated:** [11 February 2022 06:45 UTC](https://discourse.nodered.org/t/required-admin-login-preventing-server-connection/58126 "2022-02-11T06:45:14Z")

</div>

I have a secured over https node.red flow on a raspberry pi which I access remotely using Remote-RED to switch a pump on and off. It has been working well for the last 2 weeks but for some reason, almost exactly 2 weeks…

---

## [Multiple lines on a single chart](https://discourse.nodered.org/t/multiple-lines-on-a-single-chart/58104)

<div class="topic-metadata">

**Author:** [@ALOKA1432](https://discourse.nodered.org/u/ALOKA1432)\
**Replies:** 5\
**Last updated:** [10 February 2022 21:33 UTC](https://discourse.nodered.org/t/multiple-lines-on-a-single-chart/58104 "2022-02-10T21:33:42Z")

</div>

Hi everyone, I have four HTTP IN nodes defined in a flow. They all receive information from four devices through HTTP GET request. The HTTP INs are /Device1, /Device2, /Device3, /Device4 Now I want to show all the data…

---

## ["mi-videogame\_asset" as icon works opposed to "mi-doorbell" or just "doorbell"](https://discourse.nodered.org/t/mi-videogame-asset-as-icon-works-opposed-to-mi-doorbell-or-just-doorbell/58014)

<div class="topic-metadata">

**Author:** [@zen85](https://discourse.nodered.org/u/zen85)\
**Replies:** 3\
**Last updated:** [9 February 2022 17:34 UTC](https://discourse.nodered.org/t/mi-videogame-asset-as-icon-works-opposed-to-mi-doorbell-or-just-doorbell/58014 "2022-02-09T17:34:23Z")

</div>

Hello Community, I have a really weird behaviour on my dashboard. I wanted to use material design icons and found ways to do so in this forum... so i put in "mi-videogame\_asset" and everything shows up correctly... so i…

---

## [Python, MQTT, display colored lines in one widget](https://discourse.nodered.org/t/python-mqtt-display-colored-lines-in-one-widget/57989)

<div class="topic-metadata">

**Author:** [@tmollow](https://discourse.nodered.org/u/tmollow)\
**Replies:** 14\
**Last updated:** [9 February 2022 17:13 UTC](https://discourse.nodered.org/t/python-mqtt-display-colored-lines-in-one-widget/57989 "2022-02-09T17:13:12Z")

</div>

For my Node-Red waste calendar, the following lines are generated via Python and MQTT pass to Node-Red: Publishing to MQTT topic: Home/RPi44/Abfall\_1 Message: Tue 08.02.2022 yellow recycling bin Publishing to MQTT to…

---

## [Trouble updating chart.js chart with msg.payload](https://discourse.nodered.org/t/trouble-updating-chart-js-chart-with-msg-payload/8910)

<div class="topic-metadata">

**Author:** [@jmacle](https://discourse.nodered.org/u/jmacle)\
**Replies:** 3\
**Last updated:** [13 March 2019 18:56 UTC](https://discourse.nodered.org/t/trouble-updating-chart-js-chart-with-msg-payload/8910 "2019-03-13T18:56:28Z")

</div>

Hey there, I have a template node displaying a chart.js chart and it looks fine. I have a couple buttons in the template node calling functions that present different data points on the chart and the chart refreshes fin…

---

## [Suggestion for which icons to use](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964)

<div class="topic-metadata">

**Author:** [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Replies:** 40\
**Last updated:** [9 February 2022 01:49 UTC](https://discourse.nodered.org/t/suggestion-for-which-icons-to-use/57964 "2022-02-09T01:49:04Z")

</div>

Furthering my recent question on Material Design icons..... I'm looking for two icons to depict: AUTOMATIC and MANUAL selection. It is controlling a fan - to maybe help with perspective. Manual is sort of easy. I co…

---

## [Material design icons.... help](https://discourse.nodered.org/t/material-design-icons-help/57908)

<div class="topic-metadata">

**Author:** [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Replies:** 4\
**Last updated:** [7 February 2022 23:07 UTC](https://discourse.nodered.org/t/material-design-icons-help/57908 "2022-02-07T23:07:09Z")

</div>

Sorry, I know I asked back in.... November 2021. I sort of got an answer, but after my efforts, I am still confused. I have a node (on a machine) and it has this for the code: \<div id="GButtonM\_DCT"\> \<md-button cl…

---

## [Chrome virtual keyboard problem](https://discourse.nodered.org/t/chrome-virtual-keyboard-problem/57936)

<div class="topic-metadata">

**Author:** [@tcr000](https://discourse.nodered.org/u/tcr000)\
**Replies:** 0\
**Last updated:** [7 February 2022 17:02 UTC](https://discourse.nodered.org/t/chrome-virtual-keyboard-problem/57936 "2022-02-07T17:02:12Z")

</div>

I am trying to use the Chrome virtual keyboard along with a text input field in the Dashboard. I set the Delay parameter to 0 so that the node will not send a message until the Enter key has been pressed. This works fine…

---

## [Ui\_spacer problem after update to Node-RED 2.2.0](https://discourse.nodered.org/t/ui-spacer-problem-after-update-to-node-red-2-2-0/57900)

<div class="topic-metadata">

**Author:** [@trimmjens](https://discourse.nodered.org/u/trimmjens)\
**Replies:** 2\
**Last updated:** [7 February 2022 13:53 UTC](https://discourse.nodered.org/t/ui-spacer-problem-after-update-to-node-red-2-2-0/57900 "2022-02-07T13:53:06Z")

</div>

I just updated to Node-RED v2.2.0 and also updated dashboard to v3.1.5 on my raspberry PI 4. After the update I got warnings each time I deployed that I have some nodes that are not properly configured. It´s only ui\_spac…

---

## [\[uibuilder\] how to add and use prism with uibuilder](https://discourse.nodered.org/t/uibuilder-how-to-add-and-use-prism-with-uibuilder/57626)

<div class="topic-metadata">

**Author:** [@ThibautRuy](https://discourse.nodered.org/u/ThibautRuy)\
**Replies:** 9\
**Last updated:** [7 February 2022 13:44 UTC](https://discourse.nodered.org/t/uibuilder-how-to-add-and-use-prism-with-uibuilder/57626 "2022-02-07T13:44:01Z")

</div>

HI, I am switching from dashboard to uibuilder and would like to use prism with uibuilder. I successfully added the prism library using the library manager, my user node-red path is ~/.node-red what should I use in my …

---

## [Contrib-ui-iro-color-picker: Thank you! + Minor issue](https://discourse.nodered.org/t/contrib-ui-iro-color-picker-thank-you-minor-issue/57503)

<div class="topic-metadata">

**Author:** [@ceysa75](https://discourse.nodered.org/u/ceysa75)\
**Replies:** 6\
**Last updated:** [7 February 2022 09:55 UTC](https://discourse.nodered.org/t/contrib-ui-iro-color-picker-thank-you-minor-issue/57503 "2022-02-07T09:55:55Z")

</div>

Dear @Christian-Me, I just wanted to say thank you for this versatile node. I have spent a lot of time these days with it which has raised the look of my dashboard to a new level. My impression is that far too few peopl…

---

## [Dashboard names - weird happenings](https://discourse.nodered.org/t/dashboard-names-weird-happenings/57895)

<div class="topic-metadata">

**Author:** [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Replies:** 2\
**Last updated:** [7 February 2022 09:11 UTC](https://discourse.nodered.org/t/dashboard-names-weird-happenings/57895 "2022-02-07T09:11:01Z")

</div>

NR 2.2.0 RasPi: Raspberry Pi 3 Model B Rev 1.2 PRETTY\_NAME="Raspbian GNU/Linux 10 (buster)" NAME="Raspbian GNU/Linux" VERSION\_ID="10" VERSION="10 (buster)" VERSION\_CODENAME=buster This is a pictorial story. (Maybe c…

---

## [Dashboard UI List, resize chart as items add](https://discourse.nodered.org/t/dashboard-ui-list-resize-chart-as-items-add/57700)

<div class="topic-metadata">

**Author:** [@dannnsssy](https://discourse.nodered.org/u/dannnsssy)\
**Replies:** 4\
**Last updated:** [7 February 2022 02:31 UTC](https://discourse.nodered.org/t/dashboard-ui-list-resize-chart-as-items-add/57700 "2022-02-07T02:31:11Z")

</div>

Hi Folks, Im using the UI List node, it seems to work well, however when "size" set to auto, it only adjusts its size according to the content it contained when the flow was started or UI page refreshed (F5). Is there …

---

## [Pop-up being cancelled immediately](https://discourse.nodered.org/t/pop-up-being-cancelled-immediately/57846)

<div class="topic-metadata">

**Author:** [@aa777888-2](https://discourse.nodered.org/u/aa777888-2)\
**Replies:** 2\
**Last updated:** [6 February 2022 12:59 UTC](https://discourse.nodered.org/t/pop-up-being-cancelled-immediately/57846 "2022-02-06T12:59:04Z")

</div>

Node-RED version: v2.2.0 Node.js version: v16.13.2 Windows\_NT 10.0.19044 x64 LE Please see the flow below. It's just a button, a change node to set the message, and a pop-up node set for user input. By itself, in its …

---

## [Collapse UI group](https://discourse.nodered.org/t/collapse-ui-group/57173)

<div class="topic-metadata">

**Author:** [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Replies:** 6\
**Last updated:** [5 February 2022 19:41 UTC](https://discourse.nodered.org/t/collapse-ui-group/57173 "2022-02-05T19:41:50Z")

</div>

This thread is so close, but not quite what I want. And I have been here a long time ago. :frowning: What I am wanting is a way so the group is collapsed. If all is good, the icon (the triangle) is one colour. If …

---

## [Template node - displaying a value rounded to 1dp](https://discourse.nodered.org/t/template-node-displaying-a-value-rounded-to-1dp/57608)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 6\
**Last updated:** [5 February 2022 17:51 UTC](https://discourse.nodered.org/t/template-node-displaying-a-value-rounded-to-1dp/57608 "2022-02-05T17:51:52Z")

</div>

I have this in a template node \<div class="subtitle"\>{{msg.payload.hourly\[1\].temp}}\</div\> But the data has 2 decimal places, I want to round it to 0 or 1. Is it possible to do this within the {{ }} (Moustache template…

---

## [UI-SVG ANIMATION by MESSAGE](https://discourse.nodered.org/t/ui-svg-animation-by-message/57786)

<div class="topic-metadata">

**Author:** [@intergus](https://discourse.nodered.org/u/intergus)\
**Replies:** 2\
**Last updated:** [4 February 2022 20:58 UTC](https://discourse.nodered.org/t/ui-svg-animation-by-message/57786 "2022-02-04T20:58:07Z")

</div>

Sorry for my english, i am spanish. I need create one animation by message. i dont trigger, i need create. I dont understand why is a problem with sentence similar by example: msg.payload = { "command": "upd…

---

## [Dynamic number of dashboard elements](https://discourse.nodered.org/t/dynamic-number-of-dashboard-elements/57818)

<div class="topic-metadata">

**Author:** [@stevegroom](https://discourse.nodered.org/u/stevegroom)\
**Replies:** 2\
**Last updated:** [5 February 2022 10:41 UTC](https://discourse.nodered.org/t/dynamic-number-of-dashboard-elements/57818 "2022-02-05T10:41:44Z")

</div>

I have a flow capturing several temperature guages and passing the data into InfluxDB. I'm now trying to add a NodeRed dashboard to display the current values. I was hoping that the following settings would create 6 …

---

## [Rotary volume knob on the dashboard](https://discourse.nodered.org/t/rotary-volume-knob-on-the-dashboard/57801)

<div class="topic-metadata">

**Author:** [@Jean-Luc](https://discourse.nodered.org/u/Jean-Luc)\
**Replies:** 2\
**Last updated:** [4 February 2022 21:44 UTC](https://discourse.nodered.org/t/rotary-volume-knob-on-the-dashboard/57801 "2022-02-04T21:44:34Z")

</div>

Good evening, do you think it is possible to have out of the box a rotary volume knob on the dashboard? Like the one below. Same functionality as the ui\_slider. I have searched the search engines and the forum withou…

---

## [Problem with dashboard layout](https://discourse.nodered.org/t/problem-with-dashboard-layout/57536)

<div class="topic-metadata">

**Author:** [@essereumano](https://discourse.nodered.org/u/essereumano)\
**Replies:** 16\
**Last updated:** [4 February 2022 21:39 UTC](https://discourse.nodered.org/t/problem-with-dashboard-layout/57536 "2022-02-04T21:39:54Z")

</div>

Hi, I've a problem with layout design of official dashboard, I can't move any object, I've try with nodered 2.1.6 and 2.2 and with dashboard 3.1.4 and 3.1.5 but when I open debug tools on chrome I receive this error: Dev…

---

## [Problem sending message from ui-template node](https://discourse.nodered.org/t/problem-sending-message-from-ui-template-node/57469)

<div class="topic-metadata">

**Author:** [@Jdo300](https://discourse.nodered.org/u/Jdo300)\
**Replies:** 10\
**Last updated:** [4 February 2022 15:54 UTC](https://discourse.nodered.org/t/problem-sending-message-from-ui-template-node/57469 "2022-02-04T15:54:31Z")

</div>

I created a ui-template node for my dashboard containing some code to create a clock with a clickable Home icon on the upper-right corner of my dashboard. The node is being added to the site header. The clock and Home ic…

---

## [Error Cannot Get /ui when launching the Dashboard on my PC](https://discourse.nodered.org/t/error-cannot-get-ui-when-launching-the-dashboard-on-my-pc/57742)

<div class="topic-metadata">

**Author:** [@Bubba66](https://discourse.nodered.org/u/Bubba66)\
**Replies:** 12\
**Last updated:** [3 February 2022 22:20 UTC](https://discourse.nodered.org/t/error-cannot-get-ui-when-launching-the-dashboard-on-my-pc/57742 "2022-02-03T22:20:53Z")

</div>

First off I am very new at this. So please be kind. I had Node Red running on a Raspberry Pi and had a isssue so I did a clean install of the PI and Node Red. After that when I tried to launch the Node Red dashboard from…

---

## [Set Bounds on Form Number Inputs](https://discourse.nodered.org/t/set-bounds-on-form-number-inputs/3041)

<div class="topic-metadata">

**Author:** [@zacharyalan09](https://discourse.nodered.org/u/zacharyalan09)\
**Replies:** 8\
**Last updated:** [3 February 2022 14:16 UTC](https://discourse.nodered.org/t/set-bounds-on-form-number-inputs/3041 "2022-02-03T14:16:00Z")

</div>

Is there a way to set an expected input value range on the form item? e.g. A user should input an angle that is between 0 and 90 degrees. Values outside of this range would be rejected when submit is chosen similar to a …

---

## [How to change the default color of ui\_gauge](https://discourse.nodered.org/t/how-to-change-the-default-color-of-ui-gauge/57640)

<div class="topic-metadata">

**Author:** [@radjunior](https://discourse.nodered.org/u/radjunior)\
**Replies:** 1\
**Last updated:** [2 February 2022 12:53 UTC](https://discourse.nodered.org/t/how-to-change-the-default-color-of-ui-gauge/57640 "2022-02-02T12:53:25Z")

</div>

Hello everyone, I would like to know if it is possible for me to change the selected color in the image through a ui-control, or some other external css file That way I can enter the max and min values dynamically, si…

---

## [2 questions on ui\_chart (bar chart)](https://discourse.nodered.org/t/2-questions-on-ui-chart-bar-chart/57564)

<div class="topic-metadata">

**Author:** [@rakgupta](https://discourse.nodered.org/u/rakgupta)\
**Replies:** 0\
**Last updated:** [31 January 2022 18:31 UTC](https://discourse.nodered.org/t/2-questions-on-ui-chart-bar-chart/57564 "2022-01-31T18:31:15Z")

</div>

Is there a way to show labels on the bars? I've searched the forum and haven't found an answer. There is a plug-in for chartjs (datalables) but haven't found anything on how to get it working with ui\_chart. Is there…

---

## [Help needed with an object prepare to ng-repeat](https://discourse.nodered.org/t/help-needed-with-an-object-prepare-to-ng-repeat/57557)

<div class="topic-metadata">

**Author:** [@xury](https://discourse.nodered.org/u/xury)\
**Replies:** 7\
**Last updated:** [31 January 2022 17:32 UTC](https://discourse.nodered.org/t/help-needed-with-an-object-prepare-to-ng-repeat/57557 "2022-01-31T17:32:16Z")

</div>

Hi I have problem with create object to use it with ng-repeat in template node. My msg.payload looks like that: {"Typ zasilacza":60181, "Nr seryjny":12338, "Wersja FW":1.36, "Temperatura-w":24, "V-Set":13.1, "I-Set":1.…

---

## [Cannot get rid of the site title bar](https://discourse.nodered.org/t/cannot-get-rid-of-the-site-title-bar/57479)

<div class="topic-metadata">

**Author:** [@AsHex\_66](https://discourse.nodered.org/u/AsHex_66)\
**Replies:** 3\
**Last updated:** [31 January 2022 10:53 UTC](https://discourse.nodered.org/t/cannot-get-rid-of-the-site-title-bar/57479 "2022-01-31T10:53:57Z")

</div>

I have an issue with the display of the title bar with the dashboard. Somehow it will not disappear even if the 'Site Options' are set to hide the title bar. The problem is only on my Raspberry Pi, my windows machine d…

[Previous page](https://discourse.nodered.org/c/dashboard/5.md?page=105)

[Next page](https://discourse.nodered.org/c/dashboard/5.md?page=107)
