# Dashboard

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

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

**Page:** 71

---

## [Tooltip for SVG-graphic node?](https://discourse.nodered.org/t/tooltip-for-svg-graphic-node/78720)

<div class="topic-metadata">

**Author:** [@beg1nner](https://discourse.nodered.org/u/beg1nner)\
**Replies:** 6\
**Last updated:** [29 May 2023 12:29 UTC](https://discourse.nodered.org/t/tooltip-for-svg-graphic-node/78720 "2023-05-29T12:29:31Z")

</div>

Hi there, is there a way to add a tooltip that appears when you hover over an element of the svg-graphic-node? As far as I know there is a tooltip for every button-, slider-, text-node and for the UI template. For me …

---

## [How to get msg when a dashboard is displayed](https://discourse.nodered.org/t/how-to-get-msg-when-a-dashboard-is-displayed/78758)

<div class="topic-metadata">

**Author:** [@Marchal-web](https://discourse.nodered.org/u/Marchal-web)\
**Replies:** 1\
**Last updated:** [28 May 2023 14:36 UTC](https://discourse.nodered.org/t/how-to-get-msg-when-a-dashboard-is-displayed/78758 "2023-05-28T14:36:07Z")

</div>

Hello, To get a message when a dashboard/widget is displayed by user, I use a template node with this code: \<script\> (function() { (function(scope) { scope.send({payload: "preload"}); // this gets sent…

---

## [Dashboard user login](https://discourse.nodered.org/t/dashboard-user-login/78732)

<div class="topic-metadata">

**Author:** [@PRABHAKAR82](https://discourse.nodered.org/u/PRABHAKAR82)\
**Replies:** 1\
**Last updated:** [27 May 2023 21:59 UTC](https://discourse.nodered.org/t/dashboard-user-login/78732 "2023-05-27T21:59:58Z")

</div>

I want to create a multiple user logins and directing it to their own profile on the unique dashboard ! would like to know if that is possible on Node-RED if so how should that be done.

---

## [Auto logout when system Idle](https://discourse.nodered.org/t/auto-logout-when-system-idle/78733)

<div class="topic-metadata">

**Author:** [@PRABHAKAR82](https://discourse.nodered.org/u/PRABHAKAR82)\
**Replies:** 0\
**Last updated:** [27 May 2023 10:57 UTC](https://discourse.nodered.org/t/auto-logout-when-system-idle/78733 "2023-05-27T10:57:30Z")

</div>

I want to do auto logout when there is no dashboard is open or in idle case .Is it possible to do in node red?

---

## [Example of how to use "node-red-contrib-ui-state-trail"](https://discourse.nodered.org/t/example-of-how-to-use-node-red-contrib-ui-state-trail/78634)

<div class="topic-metadata">

**Author:** [@Kliurka](https://discourse.nodered.org/u/Kliurka)\
**Replies:** 9\
**Last updated:** [25 May 2023 09:16 UTC](https://discourse.nodered.org/t/example-of-how-to-use-node-red-contrib-ui-state-trail/78634 "2023-05-25T09:16:41Z")

</div>

Maybe somebody can give an example of how to use "node-red-contrib-ui-state-trail" on/off state for last 7 days. I'm newby to node-red.

---

## [How to transform HTML inside UI Template into a image?](https://discourse.nodered.org/t/how-to-transform-html-inside-ui-template-into-a-image/78636)

<div class="topic-metadata">

**Author:** [@Willianvcn](https://discourse.nodered.org/u/Willianvcn)\
**Replies:** 3\
**Last updated:** [24 May 2023 12:14 UTC](https://discourse.nodered.org/t/how-to-transform-html-inside-ui-template-into-a-image/78636 "2023-05-24T12:14:43Z")

</div>

Hi everyone, I need help to understand if it's possible to generate a image file (.png or else) from a UI Template HTML code? There is some expecific node to do this? The reason is because I've a layout displayed with t…

---

## [Dashboard UI audiout: is it possible play TTS only on specific socketid client?](https://discourse.nodered.org/t/dashboard-ui-audiout-is-it-possible-play-tts-only-on-specific-socketid-client/78637)

<div class="topic-metadata">

**Author:** [@hammeronthenet](https://discourse.nodered.org/u/hammeronthenet)\
**Replies:** 8\
**Last updated:** [24 May 2023 07:48 UTC](https://discourse.nodered.org/t/dashboard-ui-audiout-is-it-possible-play-tts-only-on-specific-socketid-client/78637 "2023-05-24T07:48:56Z")

</div>

Hi, I'm wondering if is it possible, using the audioout node, to reproduce TTS not on all connected client but only on specific one. For example I want to play TTS when I cange tab on menu, but only for the client that…

---

## [Qustion about node-red-contrib-ui-svg - Control via messages - Add elements via msg - Add dynamic image](https://discourse.nodered.org/t/qustion-about-node-red-contrib-ui-svg-control-via-messages-add-elements-via-msg-add-dynamic-image/78642)

<div class="topic-metadata">

**Author:** [@OrangeRaspberry](https://discourse.nodered.org/u/OrangeRaspberry)\
**Replies:** 7\
**Last updated:** [24 May 2023 05:37 UTC](https://discourse.nodered.org/t/qustion-about-node-red-contrib-ui-svg-control-via-messages-add-elements-via-msg-add-dynamic-image/78642 "2023-05-24T05:37:48Z")

</div>

I have question about node-red-contrib-ui-svg. Is it possible to add dnamic image through "Control via messages"? I have tried below msg but it doesn't work. msg = {"payload": { "command": "add\_element", "elementT…

---

## [Adding a new font as ttf file](https://discourse.nodered.org/t/adding-a-new-font-as-ttf-file/78628)

<div class="topic-metadata">

**Author:** [@okircali](https://discourse.nodered.org/u/okircali)\
**Replies:** 11\
**Last updated:** [23 May 2023 22:57 UTC](https://discourse.nodered.org/t/adding-a-new-font-as-ttf-file/78628 "2023-05-23T22:57:01Z")

</div>

Hello, I would like to add a new font in order to use it on template node in html. I have a .ttf file and would like to import it to nodered. Could you please let me know If there is any method to do that?

---

## [Dashboard Sharing](https://discourse.nodered.org/t/dashboard-sharing/78472)

<div class="topic-metadata">

**Author:** [@camphamp](https://discourse.nodered.org/u/camphamp)\
**Replies:** 17\
**Last updated:** [22 May 2023 16:35 UTC](https://discourse.nodered.org/t/dashboard-sharing/78472 "2023-05-22T16:35:01Z")

</div>

Users need quick access to the “dashboard” to switch lights on/off. Hunting for a bookmarked web address is fine for testing but is a cumbersome light switch! Apple puts HomeKit items right into the iOS Control Center p…

---

## [Dropdown + password popup](https://discourse.nodered.org/t/dropdown-password-popup/78595)

<div class="topic-metadata">

**Author:** [@Manuel\_o](https://discourse.nodered.org/u/Manuel_o)\
**Replies:** 0\
**Last updated:** [22 May 2023 07:36 UTC](https://discourse.nodered.org/t/dropdown-password-popup/78595 "2023-05-22T07:36:57Z")

</div>

I am trying to accomplish the following task: I have a dropdown menu, and when I make changes to it, I want a popup to appear asking for a hardcoded password. Only if I enter the correct password, the msg.payload should …

---

## [Using an HTML form in a Dashboard Template node](https://discourse.nodered.org/t/using-an-html-form-in-a-dashboard-template-node/114)

<div class="topic-metadata">

**Author:** [@Grendel61](https://discourse.nodered.org/u/Grendel61)\
**Replies:** 6\
**Last updated:** [1 June 2018 05:20 UTC](https://discourse.nodered.org/t/using-an-html-form-in-a-dashboard-template-node/114 "2018-06-01T05:20:23Z")

</div>

Hi, I’ve got an application where I need to pre-load a form so I can use it to edit existing data, or create new data. The Form node currently doesn’t provide an input. As a result, my approach was to build an HTML for…

---

## [Problem updating UI-Table](https://discourse.nodered.org/t/problem-updating-ui-table/78565)

<div class="topic-metadata">

**Author:** [@88bit](https://discourse.nodered.org/u/88bit)\
**Replies:** 1\
**Last updated:** [21 May 2023 09:12 UTC](https://discourse.nodered.org/t/problem-updating-ui-table/78565 "2023-05-21T09:12:04Z")

</div>

Hi, I have unexpected results with the following code in a function node. I have a table node behind this function node, but the table only updates when I refresh the browser, so the data is getting there in the correct …

---

## [Any possibility to choose the serial COM port in the dashboard?](https://discourse.nodered.org/t/any-possibility-to-choose-the-serial-com-port-in-the-dashboard/78517)

<div class="topic-metadata">

**Author:** [@JorgeTorres01](https://discourse.nodered.org/u/JorgeTorres01)\
**Replies:** 6\
**Last updated:** [19 May 2023 10:39 UTC](https://discourse.nodered.org/t/any-possibility-to-choose-the-serial-com-port-in-the-dashboard/78517 "2023-05-19T10:39:51Z")

</div>

Hi, Can I choose the serial COM port on the dashboard? I have a dashboard (node-dashboard) that checks an electronic system by serial com (using an FTDI). But if a change the FTDI the COM number change and I need to c…

---

## [Grafana values are not reported correctly to the dashboard](https://discourse.nodered.org/t/grafana-values-are-not-reported-correctly-to-the-dashboard/78520)

<div class="topic-metadata">

**Author:** [@Damrak2022](https://discourse.nodered.org/u/Damrak2022)\
**Replies:** 1\
**Last updated:** [19 May 2023 00:53 UTC](https://discourse.nodered.org/t/grafana-values-are-not-reported-correctly-to-the-dashboard/78520 "2023-05-19T00:53:44Z")

</div>

I have the following question: In Grafana itself, my data is correct - see here: However, my dashboard looks like this: The refresh interval in Grafana is set to 1 minute. So all the records are correct in Grafan…

---

## [Remote Red Firewall configuration](https://discourse.nodered.org/t/remote-red-firewall-configuration/78450)

<div class="topic-metadata">

**Author:** [@Popolackie](https://discourse.nodered.org/u/Popolackie)\
**Replies:** 8\
**Last updated:** [18 May 2023 20:12 UTC](https://discourse.nodered.org/t/remote-red-firewall-configuration/78450 "2023-05-18T20:12:42Z")

</div>

I'm trying to connect Remote Red. Service starts and stops again. Guess its a firewall issue but I dont understand the information in the help file. How can I edit this in my fritz box.

---

## [Populating dashboard options](https://discourse.nodered.org/t/populating-dashboard-options/78468)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 2\
**Last updated:** [16 May 2023 19:26 UTC](https://discourse.nodered.org/t/populating-dashboard-options/78468 "2023-05-16T19:26:04Z")

</div>

There are several posts about this subject but I can't make them work with my data. Given this input let locations = \[ {"Camberwell": { "name": "Camberwell", "latitude": 51.3, "lo…

---

## [How custom UI node recognize last value to display when switch tab on Node-Red dashboard?](https://discourse.nodered.org/t/how-custom-ui-node-recognize-last-value-to-display-when-switch-tab-on-node-red-dashboard/78408)

<div class="topic-metadata">

**Author:** [@jatu-studiobox](https://discourse.nodered.org/u/jatu-studiobox)\
**Replies:** 4\
**Last updated:** [16 May 2023 14:46 UTC](https://discourse.nodered.org/t/how-custom-ui-node-recognize-last-value-to-display-when-switch-tab-on-node-red-dashboard/78408 "2023-05-16T14:46:03Z")

</div>

Hi, I have some problem about custom UI node recognize last value to display when switch tab in Node-RED dashboard. First, I create custom UI node for display temperature. Now it works fine when it display on one tab. …

---

## [Looking for nice custom Shutter Dashboard UI Control](https://discourse.nodered.org/t/looking-for-nice-custom-shutter-dashboard-ui-control/78436)

<div class="topic-metadata">

**Author:** [@lori](https://discourse.nodered.org/u/lori)\
**Replies:** 0\
**Last updated:** [15 May 2023 14:13 UTC](https://discourse.nodered.org/t/looking-for-nice-custom-shutter-dashboard-ui-control/78436 "2023-05-15T14:13:24Z")

</div>

I am looking for a nice dashboard widget/template to control the position of the shutter in percentage as well as the angle of the lamella. Using the slider controls does not realy look nice. For my thermostates for ins…

---

## [How to create a group of SVG objects in Dashboard?](https://discourse.nodered.org/t/how-to-create-a-group-of-svg-objects-in-dashboard/78397)

<div class="topic-metadata">

**Author:** [@beg1nner](https://discourse.nodered.org/u/beg1nner)\
**Replies:** 2\
**Last updated:** [13 May 2023 17:40 UTC](https://discourse.nodered.org/t/how-to-create-a-group-of-svg-objects-in-dashboard/78397 "2023-05-13T17:40:21Z")

</div>

Hi there, I'd like to create a group of svg objects, because moving every single object is a way to hard (once I'll have around 100 svg objects). Is there an easy way to do that? Is it possible to move all objects o…

---

## [Dashboard Dropdown with custom CSS](https://discourse.nodered.org/t/dashboard-dropdown-with-custom-css/78253)

<div class="topic-metadata">

**Author:** [@tonylane26](https://discourse.nodered.org/u/tonylane26)\
**Replies:** 11\
**Last updated:** [13 May 2023 13:52 UTC](https://discourse.nodered.org/t/dashboard-dropdown-with-custom-css/78253 "2023-05-13T13:52:04Z")

</div>

I like using the Dashboard widgets, but I don't always like the default appearance. I've explored several posts on this forum, which change the appearance by using custom css ...so I had a go, using the Chrome browser i…

---

## [Move an object with SVG - I'm confused](https://discourse.nodered.org/t/move-an-object-with-svg-im-confused/78317)

<div class="topic-metadata">

**Author:** [@beg1nner](https://discourse.nodered.org/u/beg1nner)\
**Replies:** 7\
**Last updated:** [13 May 2023 10:31 UTC](https://discourse.nodered.org/t/move-an-object-with-svg-im-confused/78317 "2023-05-13T10:31:24Z")

</div>

Hi there, I'm confused by a big amount of tutorials and tipps. How to move an object with SVG with messages as input? This is the SVG code of my node: \<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w…

---

## [Place images inside HTML with ui\_dashboard](https://discourse.nodered.org/t/place-images-inside-html-with-ui-dashboard/78332)

<div class="topic-metadata">

**Author:** [@luno](https://discourse.nodered.org/u/luno)\
**Replies:** 1\
**Last updated:** [12 May 2023 14:48 UTC](https://discourse.nodered.org/t/place-images-inside-html-with-ui-dashboard/78332 "2023-05-12T14:48:11Z")

</div>

i'm developing a list of people and i want to place images on the side of their names the code is something like \<table border="1"\> \<tr\> \<td\>Name\</td\> \<td\>Picture\</td\> \</tr\> \<tr\> …

---

## [Node-red crashes and quits when using ui-media](https://discourse.nodered.org/t/node-red-crashes-and-quits-when-using-ui-media/78313)

<div class="topic-metadata">

**Author:** [@henrychanflag](https://discourse.nodered.org/u/henrychanflag)\
**Replies:** 10\
**Last updated:** [12 May 2023 10:38 UTC](https://discourse.nodered.org/t/node-red-crashes-and-quits-when-using-ui-media/78313 "2023-05-12T10:38:17Z")

</div>

Hi, I have installed the node ui-media (1.2.0) to upload a picture to my dashboard. I follow the instructions of the node but when I try to upload the image my Node-Red crash and appear the following message: Lost conne…

---

## [Node-RED v2.2.0 appearing despite an apparent upgrade?](https://discourse.nodered.org/t/node-red-v2-2-0-appearing-despite-an-apparent-upgrade/78283)

<div class="topic-metadata">

**Author:** [@kjgre10](https://discourse.nodered.org/u/kjgre10)\
**Replies:** 6\
**Last updated:** [12 May 2023 06:15 UTC](https://discourse.nodered.org/t/node-red-v2-2-0-appearing-despite-an-apparent-upgrade/78283 "2023-05-12T06:15:49Z")

</div>

Hi there, Loving this tool so far, but have hit a snag while attempting to update. After running npm install -g --unsafe-perm node-red@3.0.2 And then running node-red I am greeted with the old v2.2.0 dashboard. …

---

## [Cannot display image using html in ui-template](https://discourse.nodered.org/t/cannot-display-image-using-html-in-ui-template/78314)

<div class="topic-metadata">

**Author:** [@henrychanflag](https://discourse.nodered.org/u/henrychanflag)\
**Replies:** 4\
**Last updated:** [11 May 2023 12:31 UTC](https://discourse.nodered.org/t/cannot-display-image-using-html-in-ui-template/78314 "2023-05-11T12:31:53Z")

</div>

Hi! I try to display my image "water\_sensor.jpg" stored in d drive (d:) using ui-template but failed: \<img src="d:\\water\_sensor.jpg" alt="error" width="500" height="500"\> "error" is shown and the image cannot be displ…

---

## [Help Please! #CSS, #Javascript,#HTML](https://discourse.nodered.org/t/help-please-css-javascript-html/78229)

<div class="topic-metadata">

**Author:** [@Longhorn1988](https://discourse.nodered.org/u/Longhorn1988)\
**Replies:** 6\
**Last updated:** [10 May 2023 16:57 UTC](https://discourse.nodered.org/t/help-please-css-javascript-html/78229 "2023-05-10T16:57:08Z")

</div>

Can someone explain me how can i use like this code (CSS+JS+HTML) in Node-Red?

---

## [Set-point (SP) for the tank level node red](https://discourse.nodered.org/t/set-point-sp-for-the-tank-level-node-red/78297)

<div class="topic-metadata">

**Author:** [@Abdulmoshen](https://discourse.nodered.org/u/Abdulmoshen)\
**Replies:** 5\
**Last updated:** [9 May 2023 11:00 UTC](https://discourse.nodered.org/t/set-point-sp-for-the-tank-level-node-red/78297 "2023-05-09T11:00:23Z")

</div>

I am trying to build a program using the Node-RED client to create a Dashboard that asks the user for the Set-point (SP) for the tank level, utilizes the level measurement , and implement a Proportional Controller using …

---

## [How to create a dashboard where you can customize the topic and message of an email](https://discourse.nodered.org/t/how-to-create-a-dashboard-where-you-can-customize-the-topic-and-message-of-an-email/78291)

<div class="topic-metadata">

**Author:** [@Antonio-SeGa](https://discourse.nodered.org/u/Antonio-SeGa)\
**Replies:** 1\
**Last updated:** [9 May 2023 07:51 UTC](https://discourse.nodered.org/t/how-to-create-a-dashboard-where-you-can-customize-the-topic-and-message-of-an-email/78291 "2023-05-09T07:51:33Z")

</div>

I am implementing text input to create the mail topic and another one for the mail message, but I can't implement it to a function that detects the msg separately.

---

## [Level tank with color indicator](https://discourse.nodered.org/t/level-tank-with-color-indicator/78275)

<div class="topic-metadata">

**Author:** [@hectorbach2](https://discourse.nodered.org/u/hectorbach2)\
**Replies:** 2\
**Last updated:** [8 May 2023 17:47 UTC](https://discourse.nodered.org/t/level-tank-with-color-indicator/78275 "2023-05-08T17:47:48Z")

</div>

want to build a dashboard tank with color indicator by % of fill but can't find a vertical rectangle. can someone know how to build it or where to find something similar? Thanks Hector

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

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