# Dashboard

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

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

**Page:** 142

---

## [Template node using msg.payload](https://discourse.nodered.org/t/template-node-using-msg-payload/41479)

<div class="topic-metadata">

**Author:** [@devk](https://discourse.nodered.org/u/devk)\
**Replies:** 0\
**Last updated:** [23 February 2021 11:33 UTC](https://discourse.nodered.org/t/template-node-using-msg-payload/41479 "2021-02-23T11:33:08Z")

</div>

\[{"id":"af5e4406.3e77a8","type":"tab","label":"플로우 1","disabled":false,"info":""},{"id":"6e08bd48.d50f34","type":"ui\_template","z":"af5e4406.3e77a8","group":"152dfbc2.b2a224","name":"System Monitoring Interface Custom CS…

---

## [Refresh the template](https://discourse.nodered.org/t/refresh-the-template/41461)

<div class="topic-metadata">

**Author:** [@bird](https://discourse.nodered.org/u/bird)\
**Replies:** 1\
**Last updated:** [23 February 2021 08:31 UTC](https://discourse.nodered.org/t/refresh-the-template/41461 "2021-02-23T08:31:18Z")

</div>

Hi ESP32 sends the IP address using MQTT. Node-Red receives IP. Then, in Template, it shows the image using the following code. (However, Node-Red should be refesh.) When I received IP address as MQTT, how can I s…

---

## [Create aerospace attitude indicator in dashboard?](https://discourse.nodered.org/t/create-aerospace-attitude-indicator-in-dashboard/40957)

<div class="topic-metadata">

**Author:** [@a1ex](https://discourse.nodered.org/u/a1ex)\
**Replies:** 117\
**Last updated:** [22 February 2021 19:02 UTC](https://discourse.nodered.org/t/create-aerospace-attitude-indicator-in-dashboard/40957 "2021-02-22T19:02:52Z")

</div>

I'm running an aerospace simulation outside node-red... and I need to visualize my vehicle's roll and pitch using an attitude indicator... My simulation software does a crummy job with gauges, so I'm wondering if node-r…

---

## [Switch to another group in dashboard](https://discourse.nodered.org/t/switch-to-another-group-in-dashboard/41389)

<div class="topic-metadata">

**Author:** [@Tanner](https://discourse.nodered.org/u/Tanner)\
**Replies:** 2\
**Last updated:** [22 February 2021 14:58 UTC](https://discourse.nodered.org/t/switch-to-another-group-in-dashboard/41389 "2021-02-22T14:58:02Z")

</div>

Hi, is it possible to switch to another UI-Group in Dashboard with an inject node e.g.? I want to realize something like a digital signage. Every 10 seconds it should change a picture and other informations and show th…

---

## [Dashboard group name change](https://discourse.nodered.org/t/dashboard-group-name-change/41413)

<div class="topic-metadata">

**Author:** [@devk](https://discourse.nodered.org/u/devk)\
**Replies:** 1\
**Last updated:** [22 February 2021 10:44 UTC](https://discourse.nodered.org/t/dashboard-group-name-change/41413 "2021-02-22T10:44:02Z")

</div>

I want to change the name of the dashboard group. However, the group is not being identified. There are several groups and I want to change them to a choice. I beg you. 1tab = 1~10 group, type or paste code here \`\`\`\<s…

---

## [Show random local images on dashboard](https://discourse.nodered.org/t/show-random-local-images-on-dashboard/41356)

<div class="topic-metadata">

**Author:** [@Tanner](https://discourse.nodered.org/u/Tanner)\
**Replies:** 2\
**Last updated:** [21 February 2021 23:25 UTC](https://discourse.nodered.org/t/show-random-local-images-on-dashboard/41356 "2021-02-21T23:25:12Z")

</div>

Hi, I am new to Node Red. May I get help from you. On local folder I want to place 200 Images. Named 1.png, 2.png etc. Every 10 second, a random picture 1.png or 189.png should be shown. OK, with the "random"-node, n…

---

## [JSON Tabulator change font color](https://discourse.nodered.org/t/json-tabulator-change-font-color/41392)

<div class="topic-metadata">

**Author:** [@wingkuan98](https://discourse.nodered.org/u/wingkuan98)\
**Replies:** 1\
**Last updated:** [22 February 2021 05:11 UTC](https://discourse.nodered.org/t/json-tabulator-change-font-color/41392 "2021-02-22T05:11:37Z")

</div>

Hi, May I know how can I have conditional formatting for text color? Let's say if the temperature below 22 then text color is red and above 40 is green... \[{"id":"176722bb.75815d","type":"ui\_table","z":"abc404b5.ffb248…

---

## [Worldmap dashboard - no mouse click events](https://discourse.nodered.org/t/worldmap-dashboard-no-mouse-click-events/41234)

<div class="topic-metadata">

**Author:** [@rogerjames99](https://discourse.nodered.org/u/rogerjames99)\
**Replies:** 22\
**Last updated:** [21 February 2021 12:52 UTC](https://discourse.nodered.org/t/worldmap-dashboard-no-mouse-click-events/41234 "2021-02-21T12:52:34Z")

</div>

Hi, the documentation for worldmap mentions "click" events. I just want to be informed when and where a mouse click is made on the map. I can see various events coming from the "worldmap in" node but no click events. Wha…

---

## [Is there a way to set a minimum size for the sidebar?](https://discourse.nodered.org/t/is-there-a-way-to-set-a-minimum-size-for-the-sidebar/41320)

<div class="topic-metadata">

**Author:** [@jha-sudo](https://discourse.nodered.org/u/jha-sudo)\
**Replies:** 11\
**Last updated:** [21 February 2021 00:46 UTC](https://discourse.nodered.org/t/is-there-a-way-to-set-a-minimum-size-for-the-sidebar/41320 "2021-02-21T00:46:43Z")

</div>

Whether it's a percentage or a fixed pixel minimum? I'd like the sidebar to be a bit wider on a small laptop screen on startup.

---

## [How do to show actuators on a node-red dashboard if their number is unknown?](https://discourse.nodered.org/t/how-do-to-show-actuators-on-a-node-red-dashboard-if-their-number-is-unknown/21493)

<div class="topic-metadata">

**Author:** [@Jasper](https://discourse.nodered.org/u/Jasper)\
**Replies:** 10\
**Last updated:** [20 February 2021 22:27 UTC](https://discourse.nodered.org/t/how-do-to-show-actuators-on-a-node-red-dashboard-if-their-number-is-unknown/21493 "2021-02-20T22:27:14Z")

</div>

Hello again, I am currently developing a monitoring and control system for the environmental conditions of habitats in enclosed spaces, such as a terrarium or a greenhouse. Each habitat has a temperature, humidity and …

---

## [Using third party AngularJS modules in dashboard nodes](https://discourse.nodered.org/t/using-third-party-angularjs-modules-in-dashboard-nodes/41349)

<div class="topic-metadata">

**Author:** [@clickworkorange](https://discourse.nodered.org/u/clickworkorange)\
**Replies:** 0\
**Last updated:** [20 February 2021 13:41 UTC](https://discourse.nodered.org/t/using-third-party-angularjs-modules-in-dashboard-nodes/41349 "2021-02-20T13:41:43Z")

</div>

How do I load a client-side AngularJS module that has been installed to node-modules in a dashboard node?

---

## [Feature Request - Off - Auto - On Toggle](https://discourse.nodered.org/t/feature-request-off-auto-on-toggle/40837)

<div class="topic-metadata">

**Author:** [@SonoraTechnical](https://discourse.nodered.org/u/SonoraTechnical)\
**Replies:** 54\
**Last updated:** [19 February 2021 21:03 UTC](https://discourse.nodered.org/t/feature-request-off-auto-on-toggle/40837 "2021-02-19T21:03:49Z")

</div>

Folks, Doing a fair amount of automation and control using Node-Red. I have a few devices that could benefit from a UI object that allows Users to set the Device ON, OFF or in AUTO .. AUto would allow other logic to ta…

---

## [Irrigation dashboard](https://discourse.nodered.org/t/irrigation-dashboard/41287)

<div class="topic-metadata">

**Author:** [@geppoleppo](https://discourse.nodered.org/u/geppoleppo)\
**Replies:** 4\
**Last updated:** [19 February 2021 21:01 UTC](https://discourse.nodered.org/t/irrigation-dashboard/41287 "2021-02-19T21:01:43Z")

</div>

Hi, I need to create a dashboard for the control of an irrigation system. The plant consists of many devices distributed over a crop. I would like to have a dashboard in which to represent each device in the system as …

---

## [Artless gauge loses value and graphic after reload window](https://discourse.nodered.org/t/artless-gauge-loses-value-and-graphic-after-reload-window/41284)

<div class="topic-metadata">

**Author:** [@sfedo](https://discourse.nodered.org/u/sfedo)\
**Replies:** 5\
**Last updated:** [19 February 2021 16:35 UTC](https://discourse.nodered.org/t/artless-gauge-loses-value-and-graphic-after-reload-window/41284 "2021-02-19T16:35:58Z")

</div>

Hello, I'm using artless gauge, and I love it, but I have still some troubles. When I deploy my flow, then everything is fine and it looks like this: so current value is incoming and updating, the max value is set o…

---

## [Stack of images](https://discourse.nodered.org/t/stack-of-images/41180)

<div class="topic-metadata">

**Author:** [@mune](https://discourse.nodered.org/u/mune)\
**Replies:** 11\
**Last updated:** [19 February 2021 15:50 UTC](https://discourse.nodered.org/t/stack-of-images/41180 "2021-02-19T15:50:54Z")

</div>

The idea is to display an image with all the heaters on the bottom and the display over that image a transparent (GIF) layer that if the heater is on it has red flame else it has a black one. The images are equal size. I…

---

## [Control dashboard UI switch via MQTT payload](https://discourse.nodered.org/t/control-dashboard-ui-switch-via-mqtt-payload/41299)

<div class="topic-metadata">

**Author:** [@Radaga](https://discourse.nodered.org/u/Radaga)\
**Replies:** 4\
**Last updated:** [19 February 2021 14:05 UTC](https://discourse.nodered.org/t/control-dashboard-ui-switch-via-mqtt-payload/41299 "2021-02-19T14:05:24Z")

</div>

I have an esp32 sending data to a MQTT server and a node-red flow subscribed which then turns relays on and off. All of the controls work perfectly but I would like to have something in the UI showing if the relays are o…

---

## [Image Fit in a given space](https://discourse.nodered.org/t/image-fit-in-a-given-space/41249)

<div class="topic-metadata">

**Author:** [@HZB](https://discourse.nodered.org/u/HZB)\
**Replies:** 1\
**Last updated:** [18 February 2021 18:24 UTC](https://discourse.nodered.org/t/image-fit-in-a-given-space/41249 "2021-02-18T18:24:41Z")

</div>

I am displaying a imagine using svg graphics node \[ { "id": "5767b7b0.555ca8", "type": "ui\_svg\_graphics", "z": "935db92.1ef9548", "group": "219d8573.b713ea", "order": 4, …

---

## [Switch node - what is point of Show State of Output option?](https://discourse.nodered.org/t/switch-node-what-is-point-of-show-state-of-output-option/41225)

<div class="topic-metadata">

**Author:** [@Colin](https://discourse.nodered.org/u/Colin)\
**Replies:** 9\
**Last updated:** [18 February 2021 16:43 UTC](https://discourse.nodered.org/t/switch-node-what-is-point-of-show-state-of-output-option/41225 "2021-02-18T16:43:57Z")

</div>

With the ui\_switch node, when Pass through messages is not selected, one of the options for Indicator is "Icon shows state of the output". In this mode, when the switch is clicked the visual state changes and the messag…

---

## [Windy widget that is updated with GPS location](https://discourse.nodered.org/t/windy-widget-that-is-updated-with-gps-location/41227)

<div class="topic-metadata">

**Author:** [@matsytt](https://discourse.nodered.org/u/matsytt)\
**Replies:** 2\
**Last updated:** [18 February 2021 11:41 UTC](https://discourse.nodered.org/t/windy-widget-that-is-updated-with-gps-location/41227 "2021-02-18T11:41:08Z")

</div>

Hi, In my boat project, I want an updated weather forecast from Windy. Inserting an embed widget on the dashboard with fixed GPS coordinates works fine, but since I am in a boat, I want the weather forecast to be update…

---

## [Change border of single ui\_text](https://discourse.nodered.org/t/change-border-of-single-ui-text/41222)

<div class="topic-metadata">

**Author:** [@sfedo](https://discourse.nodered.org/u/sfedo)\
**Replies:** 2\
**Last updated:** [18 February 2021 11:11 UTC](https://discourse.nodered.org/t/change-border-of-single-ui-text/41222 "2021-02-18T11:11:32Z")

</div>

Hello, Am I able to change the border color of one single widget, in my case ui\_text? I can't find out how to target this class with css. You can also see on the picture, that the font style is not the same. I would …

---

## [Customising the editor](https://discourse.nodered.org/t/customising-the-editor/40751)

<div class="topic-metadata">

**Author:** [@niclas.w82](https://discourse.nodered.org/u/niclas.w82)\
**Replies:** 3\
**Last updated:** [10 February 2021 16:02 UTC](https://discourse.nodered.org/t/customising-the-editor/40751 "2021-02-10T16:02:19Z")

</div>

Hi. Have installed Node-red on a windows macine. Trying for example to change the favicon. No problen on linux but can´t get it to work in windows. Have edited this in settings.js favicon: "C:\\Users\\Admin\\.node-red\\f…

---

## [Node-red-contrib-oauth2 (node) giving ERR ECONNRESET](https://discourse.nodered.org/t/node-red-contrib-oauth2-node-giving-err-econnreset/41212)

<div class="topic-metadata">

**Author:** [@codecracker2020](https://discourse.nodered.org/u/codecracker2020)\
**Replies:** 0\
**Last updated:** [18 February 2021 06:12 UTC](https://discourse.nodered.org/t/node-red-contrib-oauth2-node-giving-err-econnreset/41212 "2021-02-18T06:12:22Z")

</div>

I am using node-red-contrib-oauth2 library to fetch the token, but it is throwing ERR ECONNRESET error. Any help here.

---

## [refresh the Dashboard](https://discourse.nodered.org/t/refresh-the-dashboard/41193)

<div class="topic-metadata">

**Author:** [@sefaguntepe](https://discourse.nodered.org/u/sefaguntepe)\
**Replies:** 3\
**Last updated:** [17 February 2021 22:07 UTC](https://discourse.nodered.org/t/refresh-the-dashboard/41193 "2021-02-17T22:07:39Z")

</div>

I want to refresh the Dashboard with the button (with the help of the Node Red button).

---

## [Creating a Chart based on an array](https://discourse.nodered.org/t/creating-a-chart-based-on-an-array/41201)

<div class="topic-metadata">

**Author:** [@Frank79](https://discourse.nodered.org/u/Frank79)\
**Replies:** 2\
**Last updated:** [17 February 2021 21:51 UTC](https://discourse.nodered.org/t/creating-a-chart-based-on-an-array/41201 "2021-02-17T21:51:57Z")

</div>

I want to create a chart based on an array. The x-axis is the Timestamp and the y-axis the value. The line-chart wouldn´t show any data-points. Is the structure of the array correct to use it for an input of the line …

---

## [Why the big deal connecting to smartphone?](https://discourse.nodered.org/t/why-the-big-deal-connecting-to-smartphone/41052)

<div class="topic-metadata">

**Author:** [@a1ex](https://discourse.nodered.org/u/a1ex)\
**Replies:** 11\
**Last updated:** [17 February 2021 21:35 UTC](https://discourse.nodered.org/t/why-the-big-deal-connecting-to-smartphone/41052 "2021-02-17T21:35:01Z")

</div>

Noob. I searched for info on connecting to my dashboard with my smartphone. What I found was lots of admonitions against doing so and warnings to tread carefully—because security. Ok, sure. Security. But isn’t IoT li…

---

## [How to stop overwrite value from another msg for gauge?](https://discourse.nodered.org/t/how-to-stop-overwrite-value-from-another-msg-for-gauge/41187)

<div class="topic-metadata">

**Author:** [@sfedo](https://discourse.nodered.org/u/sfedo)\
**Replies:** 10\
**Last updated:** [17 February 2021 19:39 UTC](https://discourse.nodered.org/t/how-to-stop-overwrite-value-from-another-msg-for-gauge/41187 "2021-02-17T19:39:47Z")

</div>

Hello I try to set up the max value for my gauge and another timestamp gives me payload for the current value. but the max value allways overwrite it. How to stop this? \[{"id":"a1a2d60b.87d168","type":"function","z":"c…

---

## [Delete icon from artless gauge](https://discourse.nodered.org/t/delete-icon-from-artless-gauge/41170)

<div class="topic-metadata">

**Author:** [@sfedo](https://discourse.nodered.org/u/sfedo)\
**Replies:** 1\
**Last updated:** [17 February 2021 17:08 UTC](https://discourse.nodered.org/t/delete-icon-from-artless-gauge/41170 "2021-02-17T17:08:55Z")

</div>

Hello, I'm using artless gauge and I found in the documentation how to set an icon with function node: msg.control = {icon:"iconify-fluent:battery-charge-20-regular"} but I dont figure out how to delete this icon with f…

---

## [Histogram from array of numbers](https://discourse.nodered.org/t/histogram-from-array-of-numbers/41151)

<div class="topic-metadata">

**Author:** [@TutanJamon](https://discourse.nodered.org/u/TutanJamon)\
**Replies:** 2\
**Last updated:** [17 February 2021 17:03 UTC](https://discourse.nodered.org/t/histogram-from-array-of-numbers/41151 "2021-02-17T17:03:20Z")

</div>

Hello everyone, I have an array of numbers and I need to create a histogram with them, but I don't know how. Something like what I show in the image, where my numbers go from 0 to 6000, for example. A number should not …

---

## [How to enable ability to input local image files in to node red dashboard](https://discourse.nodered.org/t/how-to-enable-ability-to-input-local-image-files-in-to-node-red-dashboard/3085)

<div class="topic-metadata">

**Author:** [@brownryno](https://discourse.nodered.org/u/brownryno)\
**Replies:** 7\
**Last updated:** [17 February 2021 15:35 UTC](https://discourse.nodered.org/t/how-to-enable-ability-to-input-local-image-files-in-to-node-red-dashboard/3085 "2021-02-17T15:35:00Z")

</div>

From online forums, I've been able to gleam that I need to make changes to both the //httpAdminRoot: '/admin', and //httpStatic: '/home/node-red-static/', lines in the settings.js file. Are these the only two lines I…

---

## [Manage dashboard for responsive design](https://discourse.nodered.org/t/manage-dashboard-for-responsive-design/41142)

<div class="topic-metadata">

**Author:** [@sfedo](https://discourse.nodered.org/u/sfedo)\
**Replies:** 6\
**Last updated:** [17 February 2021 12:27 UTC](https://discourse.nodered.org/t/manage-dashboard-for-responsive-design/41142 "2021-02-17T12:27:23Z")

</div>

Hello, I'm trying to sort the widgets and groups properly, so they have a good look on pc as on smartphone aswell. But I have some troubles with it. Atm I have it like this on my pc, and I would like to keep it that wa…

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

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