# Dashboard

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

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

**Page:** 134

---

## [Node-Red embedding Grafana - Get click actions](https://discourse.nodered.org/t/node-red-embedding-grafana-get-click-actions/44878)

<div class="topic-metadata">

**Author:** [@esalles](https://discourse.nodered.org/u/esalles)\
**Replies:** 1\
**Last updated:** [29 April 2021 09:20 UTC](https://discourse.nodered.org/t/node-red-embedding-grafana-get-click-actions/44878 "2021-04-29T09:20:36Z")

</div>

Hello Guys, I embedded some grafana panels into dashboard, based on iframes. Now, I'm looking for a way to get the zoom selection out from the panel (and I'm not so skilled in JS stuffs unfortunately) to manage some da…

---

## [Ui-artless-gauge - Unit Position](https://discourse.nodered.org/t/ui-artless-gauge-unit-position/44839)

<div class="topic-metadata">

**Author:** [@Jochen1980](https://discourse.nodered.org/u/Jochen1980)\
**Replies:** 2\
**Last updated:** [29 April 2021 06:12 UTC](https://discourse.nodered.org/t/ui-artless-gauge-unit-position/44839 "2021-04-29T06:12:19Z")

</div>

Hi @hotnipi, Hi @all, I'm using the ui-artless-gauge as progress bar in linear mode. Would it be possible to have the unit next to the actual value in case limits are not shown? Cause in this case the unit moves to t…

---

## [Use a template engine in uibuilder](https://discourse.nodered.org/t/use-a-template-engine-in-uibuilder/44861)

<div class="topic-metadata">

**Author:** [@maxkremmel](https://discourse.nodered.org/u/maxkremmel)\
**Replies:** 3\
**Last updated:** [28 April 2021 21:28 UTC](https://discourse.nodered.org/t/use-a-template-engine-in-uibuilder/44861 "2021-04-28T21:28:22Z")

</div>

Hello is there a way to use a for example a main.html which is the "base" of every webpage. And inside the main.html you can include other html templates, for example a navbar which is on every page the same. I previou…

---

## [Send value of input text when click on button](https://discourse.nodered.org/t/send-value-of-input-text-when-click-on-button/10015)

<div class="topic-metadata">

**Author:** [@hebergeweb](https://discourse.nodered.org/u/hebergeweb)\
**Replies:** 8\
**Last updated:** [28 April 2021 14:52 UTC](https://discourse.nodered.org/t/send-value-of-input-text-when-click-on-button/10015 "2021-04-28T14:52:40Z")

</div>

how to send value of input text when click on button? the message is sent directly when I enter a value on input text without clicking the button.

---

## [Detect automatically user enter UI](https://discourse.nodered.org/t/detect-automatically-user-enter-ui/44303)

<div class="topic-metadata">

**Author:** [@Franco](https://discourse.nodered.org/u/Franco)\
**Replies:** 7\
**Last updated:** [28 April 2021 13:49 UTC](https://discourse.nodered.org/t/detect-automatically-user-enter-ui/44303 "2021-04-28T13:49:18Z")

</div>

Hello, I need to detect when the user enters to the /ui, to send in that moment a msg through some nodes. I tried to do it using a http in node, but it did not work. What can I do to solve this? Regards, Franco

---

## [Use modebus node -- modbus/tcp --](https://discourse.nodered.org/t/use-modebus-node-modbus-tcp/44856)

<div class="topic-metadata">

**Author:** [@lyred](https://discourse.nodered.org/u/lyred)\
**Replies:** 4\
**Last updated:** [28 April 2021 12:12 UTC](https://discourse.nodered.org/t/use-modebus-node-modbus-tcp/44856 "2021-04-28T12:12:12Z")

</div>

hello team, on node red I want to use the tcp modbus to have the data of at least 10 sensors, for this I want to use a Flex Getter modbus and configure it in TCP by giving it the sensor address and the port. is that th…

---

## [Is there any web designer around, able to draw nice art for custom dashboard](https://discourse.nodered.org/t/is-there-any-web-designer-around-able-to-draw-nice-art-for-custom-dashboard/44328)

<div class="topic-metadata">

**Author:** [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Replies:** 15\
**Last updated:** [28 April 2021 11:21 UTC](https://discourse.nodered.org/t/is-there-any-web-designer-around-able-to-draw-nice-art-for-custom-dashboard/44328 "2021-04-28T11:21:52Z")

</div>

I am pretty bad on art. But mostly I can replicate things when the art is created by somebody. Well it depends of course but if the designer is web artist with corresponding knowledge base, things mostly turn out nicely. …

---

## [Smooth Hide/Show Transitions - uicontrol](https://discourse.nodered.org/t/smooth-hide-show-transitions-uicontrol/44850)

<div class="topic-metadata">

**Author:** [@aitor](https://discourse.nodered.org/u/aitor)\
**Replies:** 1\
**Last updated:** [28 April 2021 10:42 UTC](https://discourse.nodered.org/t/smooth-hide-show-transitions-uicontrol/44850 "2021-04-28T10:42:33Z")

</div>

Hello there, I recently have been familiarizing with the ui control's options to hide/show ui groups and I was wondering if there was any property to make the hide/show actions with a "fade-in/fade-out" transition. Any…

---

## [\[solved\] Change color of template node with variable](https://discourse.nodered.org/t/solved-change-color-of-template-node-with-variable/44835)

<div class="topic-metadata">

**Author:** [@steinerma](https://discourse.nodered.org/u/steinerma)\
**Replies:** 8\
**Last updated:** [28 April 2021 10:16 UTC](https://discourse.nodered.org/t/solved-change-color-of-template-node-with-variable/44835 "2021-04-28T10:16:57Z")

</div>

hi, i store the value of the variable (color1) in the flow. i would like to retrieve this value in the template node. What am I doing wrong? value of color1 = rgba(208,22,22.1) \<style\> var color1 = flow.get("color1…

---

## [Node-red-contrib-ui-media pictures do not renew because of cache](https://discourse.nodered.org/t/node-red-contrib-ui-media-pictures-do-not-renew-because-of-cache/44811)

<div class="topic-metadata">

**Author:** [@quemf](https://discourse.nodered.org/u/quemf)\
**Replies:** 1\
**Last updated:** [28 April 2021 07:27 UTC](https://discourse.nodered.org/t/node-red-contrib-ui-media-pictures-do-not-renew-because-of-cache/44811 "2021-04-28T07:27:42Z")

</div>

Hi there, I made a system that when you click to an ui-button, a load cell reads some values, and when a specific value is detected, then a USB camera takes a picture. The fact is that when I put that picture on the da…

---

## [How to sync ui-switch with global.variable (infinit loop problem)](https://discourse.nodered.org/t/how-to-sync-ui-switch-with-global-variable-infinit-loop-problem/44823)

<div class="topic-metadata">

**Author:** [@Marcow](https://discourse.nodered.org/u/Marcow)\
**Replies:** 2\
**Last updated:** [28 April 2021 05:50 UTC](https://discourse.nodered.org/t/how-to-sync-ui-switch-with-global-variable-infinit-loop-problem/44823 "2021-04-28T05:50:34Z")

</div>

Hello Commnunity, may someone can push me into the right direction. I simply want to have a ui\_switch on the dashboard (ON/OFF) synchronized with a global.variable (also e.g. ON/OFF). Goal is that I'm able to switch a …

---

## [Node Red re-loads flows in Chrome tab](https://discourse.nodered.org/t/node-red-re-loads-flows-in-chrome-tab/44646)

<div class="topic-metadata">

**Author:** [@steerage250](https://discourse.nodered.org/u/steerage250)\
**Replies:** 24\
**Last updated:** [27 April 2021 13:16 UTC](https://discourse.nodered.org/t/node-red-re-loads-flows-in-chrome-tab/44646 "2021-04-27T13:16:03Z")

</div>

Prior to a day-or-two ago, I could load NodeRed into a tab in Chrome and could come back to it at any time and the flows were still there, and (more importantly), the debug window was still there with all the history. N…

---

## [Help in template](https://discourse.nodered.org/t/help-in-template/44784)

<div class="topic-metadata">

**Author:** [@shin](https://discourse.nodered.org/u/shin)\
**Replies:** 1\
**Last updated:** [27 April 2021 02:40 UTC](https://discourse.nodered.org/t/help-in-template/44784 "2021-04-27T02:40:13Z")

</div>

How to use img tag under template

---

## ["Welcome to the Node-RED Dashboard" screen](https://discourse.nodered.org/t/welcome-to-the-node-red-dashboard-screen/44712)

<div class="topic-metadata">

**Author:** [@Antonio1](https://discourse.nodered.org/u/Antonio1)\
**Replies:** 11\
**Last updated:** [26 April 2021 18:29 UTC](https://discourse.nodered.org/t/welcome-to-the-node-red-dashboard-screen/44712 "2021-04-26T18:29:17Z")

</div>

Hello everybody, i have trying to localhost:1880/ui but i can´t see my demo simple graph, because i see always screen with "Welcome to the Node-RED Dashboard" "Please add some UI nodes to your flow and redeploy." It inst…

---

## [Ng-repeat an array of upto 20 objects](https://discourse.nodered.org/t/ng-repeat-an-array-of-upto-20-objects/44735)

<div class="topic-metadata">

**Author:** [@geoseph](https://discourse.nodered.org/u/geoseph)\
**Replies:** 2\
**Last updated:** [26 April 2021 09:52 UTC](https://discourse.nodered.org/t/ng-repeat-an-array-of-upto-20-objects/44735 "2021-04-26T09:52:07Z")

</div>

So I have flow that produces an output on the payload of an array that contains anywhere from 0-20 objects, where each object looks like the following: { "tx\_id":"0x5e7d692de72b3b66b013090618eb4a3c2712ad1592253ce4253…

---

## [How to close session for metered connection?](https://discourse.nodered.org/t/how-to-close-session-for-metered-connection/44658)

<div class="topic-metadata">

**Author:** [@taisau](https://discourse.nodered.org/u/taisau)\
**Replies:** 1\
**Last updated:** [25 April 2021 18:17 UTC](https://discourse.nodered.org/t/how-to-close-session-for-metered-connection/44658 "2021-04-25T18:17:00Z")

</div>

Is it possible to timeout or force close a dashboard session? Programmatically triggering a "connection lost" message sounds ideal. My use case is that sometimes I'll forget and leave the tab open streaming data via a me…

---

## [Display enumeration in a list](https://discourse.nodered.org/t/display-enumeration-in-a-list/44660)

<div class="topic-metadata">

**Author:** [@MKaiser96](https://discourse.nodered.org/u/MKaiser96)\
**Replies:** 2\
**Last updated:** [25 April 2021 07:49 UTC](https://discourse.nodered.org/t/display-enumeration-in-a-list/44660 "2021-04-25T07:49:54Z")

</div>

Hi, I have a enumeration as a string in my payload: Line1;Line2;Line3;Line4;Line5 I want to display it in my dashboard. It should look like this: How can I do this?

---

## [Duplicate code which includes Dashboard nodes?](https://discourse.nodered.org/t/duplicate-code-which-includes-dashboard-nodes/44591)

<div class="topic-metadata">

**Author:** [@JeromeVISUALS](https://discourse.nodered.org/u/JeromeVISUALS)\
**Replies:** 1\
**Last updated:** [24 April 2021 09:31 UTC](https://discourse.nodered.org/t/duplicate-code-which-includes-dashboard-nodes/44591 "2021-04-24T09:31:18Z")

</div>

Hi There, I'm building custom UI and workflows for video broadcast system. I have a nicely working set-up where I can choose which channel I want to control, which then makes the right HTTP requests to get status and se…

---

## [Websocket connection over MQTT](https://discourse.nodered.org/t/websocket-connection-over-mqtt/44645)

<div class="topic-metadata">

**Author:** [@Kartiknodered](https://discourse.nodered.org/u/Kartiknodered)\
**Replies:** 1\
**Last updated:** [24 April 2021 07:35 UTC](https://discourse.nodered.org/t/websocket-connection-over-mqtt/44645 "2021-04-24T07:35:41Z")

</div>

Hello Everyone, So now i am having a doubt regarding Web Socket node. I want to use Web socket over MQTT so that i can see real time changes in my Dashboard webpage when my device status is changed in database.

---

## [\[Announce\] Dashboard version 2.29.0](https://discourse.nodered.org/t/announce-dashboard-version-2-29-0/44617)

<div class="topic-metadata">

**Author:** [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Replies:** 4\
**Last updated:** [24 April 2021 05:48 UTC](https://discourse.nodered.org/t/announce-dashboard-version-2-29-0/44617 "2021-04-24T05:48:55Z")

</div>

One tiny change for this release - but I wanted to get it out there. As you know we are currently working towards Node-RED v2 - which will mainly drop support for Node 8 and 10. To go with that we will also release Dash…

---

## [Datepicker and text output on page](https://discourse.nodered.org/t/datepicker-and-text-output-on-page/44488)

<div class="topic-metadata">

**Author:** [@muggins](https://discourse.nodered.org/u/muggins)\
**Replies:** 7\
**Last updated:** [23 April 2021 08:10 UTC](https://discourse.nodered.org/t/datepicker-and-text-output-on-page/44488 "2021-04-23T08:10:09Z")

</div>

Hi I have a date picker at top of page which passes to a function to parse and then to an http request for a specific logfile and then output to a text box. This all works except that the text obliterates the datepicker…

---

## [Initial state dashboard](https://discourse.nodered.org/t/initial-state-dashboard/44554)

<div class="topic-metadata">

**Author:** [@Kthun](https://discourse.nodered.org/u/Kthun)\
**Replies:** 1\
**Last updated:** [22 April 2021 14:58 UTC](https://discourse.nodered.org/t/initial-state-dashboard/44554 "2021-04-22T14:58:04Z")

</div>

Can I use Node red as an intermediary to transmit data from S7-1200(PLC) to the initial state dashboard?

---

## [Realtime Update](https://discourse.nodered.org/t/realtime-update/44487)

<div class="topic-metadata">

**Author:** [@Kartiknodered](https://discourse.nodered.org/u/Kartiknodered)\
**Replies:** 12\
**Last updated:** [22 April 2021 07:27 UTC](https://discourse.nodered.org/t/realtime-update/44487 "2021-04-22T07:27:38Z")

</div>

How to Realtime update the dashboard when device is connected or disconnected. Actually i get notification when device is connected or disconnected and also data change in database but i have to refresh browser to see …

---

## [Realtime data Fetch](https://discourse.nodered.org/t/realtime-data-fetch/44501)

<div class="topic-metadata">

**Author:** [@Kartiknodered](https://discourse.nodered.org/u/Kartiknodered)\
**Replies:** 2\
**Last updated:** [21 April 2021 13:12 UTC](https://discourse.nodered.org/t/realtime-data-fetch/44501 "2021-04-21T13:12:02Z")

</div>

How to fetch data from database on webpage without reloading the page?

---

## [Dashboard with graph crashes](https://discourse.nodered.org/t/dashboard-with-graph-crashes/44462)

<div class="topic-metadata">

**Author:** [@RogierQ](https://discourse.nodered.org/u/RogierQ)\
**Replies:** 6\
**Last updated:** [21 April 2021 11:09 UTC](https://discourse.nodered.org/t/dashboard-with-graph-crashes/44462 "2021-04-21T11:09:46Z")

</div>

Hi! I created a dashboard with a graph that shows the temperature of my heatpump system. But after a hour or so my pi crashes. Its a pi 4 with 4gb. I thought that such a simple graph should be a piece of cake for a pi…

---

## [Rate limit messages with Join](https://discourse.nodered.org/t/rate-limit-messages-with-join/44491)

<div class="topic-metadata">

**Author:** [@lyred](https://discourse.nodered.org/u/lyred)\
**Replies:** 3\
**Last updated:** [21 April 2021 11:05 UTC](https://discourse.nodered.org/t/rate-limit-messages-with-join/44491 "2021-04-21T11:05:46Z")

</div>

Good morning; as you can see in the photo, I have a modbus that reads the data every 5 seconds, and a timestamp to inject other data, At the end I have a "Join" to format this data in order to send them by SMS. The pro…

---

## [Worldmap setting icon colour twice makes markers disappear](https://discourse.nodered.org/t/worldmap-setting-icon-colour-twice-makes-markers-disappear/44334)

<div class="topic-metadata">

**Author:** [@rogerjames99](https://discourse.nodered.org/u/rogerjames99)\
**Replies:** 17\
**Last updated:** [20 April 2021 17:47 UTC](https://discourse.nodered.org/t/worldmap-setting-icon-colour-twice-makes-markers-disappear/44334 "2021-04-20T17:47:29Z")

</div>

I am changing the the iconcolor of markers to indicate status changes, using this bit of javascript. let address\_to\_marker\_name\_map = global.get("address\_to\_marker\_name\_map") let topic\_split = msg.topic.split('/') if (…

---

## [Artless gauge loses graphics after reload dashboard](https://discourse.nodered.org/t/artless-gauge-loses-graphics-after-reload-dashboard/44449)

<div class="topic-metadata">

**Author:** [@sfedo](https://discourse.nodered.org/u/sfedo)\
**Replies:** 6\
**Last updated:** [20 April 2021 11:29 UTC](https://discourse.nodered.org/t/artless-gauge-loses-graphics-after-reload-dashboard/44449 "2021-04-20T11:29:30Z")

</div>

Hello, I'm using artless gauge and very happy so far, but I have one little issue. When I refresh the site, the gauge loses the graphic show (blue line) of the value. I use controls for load min and max values from con…

---

## [Swiping between tabs on touchscreen](https://discourse.nodered.org/t/swiping-between-tabs-on-touchscreen/43739)

<div class="topic-metadata">

**Author:** [@mc3153](https://discourse.nodered.org/u/mc3153)\
**Replies:** 2\
**Last updated:** [20 April 2021 11:03 UTC](https://discourse.nodered.org/t/swiping-between-tabs-on-touchscreen/43739 "2021-04-20T11:03:04Z")

</div>

I am using node red dashboard with RPI4 and local HDMI display. I have set "No swipe between tabs" in the node-red dashboard "Site" Options. I cannot swipe between tabs on my computer or on my phone but on local displa…

---

## [Dashboard CSS - custom and blue](https://discourse.nodered.org/t/dashboard-css-custom-and-blue/42055)

<div class="topic-metadata">

**Author:** [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Replies:** 25\
**Last updated:** [20 April 2021 08:58 UTC](https://discourse.nodered.org/t/dashboard-css-custom-and-blue/42055 "2021-04-20T08:58:47Z")

</div>

I was kindly asked for help on dashboard styling but that help turned out for me to customize almost all default components. As it was "You'll help me - I'll help you" job, we agreed that it will be shared also to commun…

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

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