# Dashboard

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

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

**Page:** 29

---

## [@flowfuse/node-red-dashboard line chart](https://discourse.nodered.org/t/flowfuse-node-red-dashboard-line-chart/93257)

<div class="topic-metadata">

**Author:** [@YK934](https://discourse.nodered.org/u/YK934)\
**Replies:** 6\
**Last updated:** [20 November 2024 08:32 UTC](https://discourse.nodered.org/t/flowfuse-node-red-dashboard-line-chart/93257 "2024-11-20T08:32:48Z")

</div>

Hi all, I am trying to put 2x lines on one chart from mysql data. I could create msg.payload as below but only legends show up, no lines... anything I missed or did wrong? Appreciate your advice. \[ { "series":\["d…

---

## [Problem with Dashboard UI](https://discourse.nodered.org/t/problem-with-dashboard-ui/93235)

<div class="topic-metadata">

**Author:** [@gssupport](https://discourse.nodered.org/u/gssupport)\
**Replies:** 4\
**Last updated:** [19 November 2024 13:32 UTC](https://discourse.nodered.org/t/problem-with-dashboard-ui/93235 "2024-11-19T13:32:43Z")

</div>

Hello everyone, hoping you are well, we are currently developing a project with node red but a few days ago the node red HMI dashboard was blocked and it does not show us all the screens that we developed, we even import…

---

## [Order of pages and default page](https://discourse.nodered.org/t/order-of-pages-and-default-page/93246)

<div class="topic-metadata">

**Author:** [@stgj](https://discourse.nodered.org/u/stgj)\
**Replies:** 2\
**Last updated:** [19 November 2024 09:14 UTC](https://discourse.nodered.org/t/order-of-pages-and-default-page/93246 "2024-11-19T09:14:25Z")

</div>

Hi. In my version of Node-red (4.0.2) dashboard 2.0 (1.8.1) the order of the pages is determined by the order of creation. If you create a page called /two, then a page called /one, then reorder them with /one on top, a…

---

## [Initialize text node](https://discourse.nodered.org/t/initialize-text-node/93197)

<div class="topic-metadata">

**Author:** [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Replies:** 3\
**Last updated:** [17 November 2024 11:16 UTC](https://discourse.nodered.org/t/initialize-text-node/93197 "2024-11-17T11:16:36Z")

</div>

Using the text node with Value format set to {{msg.Value}} is there a way to initialize the value format? After starting dashboard it takes until the first message with msg.Value to show whatever msg.Value is. Until the…

---

## [Displaying images on dashboard 2.0](https://discourse.nodered.org/t/displaying-images-on-dashboard-2-0/93183)

<div class="topic-metadata">

**Author:** [@ath0rus](https://discourse.nodered.org/u/ath0rus)\
**Replies:** 14\
**Last updated:** [17 November 2024 07:24 UTC](https://discourse.nodered.org/t/displaying-images-on-dashboard-2-0/93183 "2024-11-17T07:24:05Z")

</div>

Is there a simple way to get a file path (anywhere on the device that hosts the node red install) and display that image on the dashboard? I gotten it to work via this method but I was wondering if there was a more simpl…

---

## [How to write to two registers simultaneously using the FC 16](https://discourse.nodered.org/t/how-to-write-to-two-registers-simultaneously-using-the-fc-16/93191)

<div class="topic-metadata">

**Author:** [@Desmond-Zeh](https://discourse.nodered.org/u/Desmond-Zeh)\
**Replies:** 2\
**Last updated:** [16 November 2024 21:10 UTC](https://discourse.nodered.org/t/how-to-write-to-two-registers-simultaneously-using-the-fc-16/93191 "2024-11-16T21:10:23Z")

</div>

Hello Team! I’ve developed a small supervision system for my generator using node red nodes. On the system, in order to reset an alarm, I’ll have to send two values ( 35707 and 29828) to two separate registers ( 4104 a…

---

## [Issue Integrating Chart.js with Node-RED Dashboard 2.0 (Vue-based Template Node)](https://discourse.nodered.org/t/issue-integrating-chart-js-with-node-red-dashboard-2-0-vue-based-template-node/93174)

<div class="topic-metadata">

**Author:** [@juancho72h](https://discourse.nodered.org/u/juancho72h)\
**Replies:** 7\
**Last updated:** [16 November 2024 20:53 UTC](https://discourse.nodered.org/t/issue-integrating-chart-js-with-node-red-dashboard-2-0-vue-based-template-node/93174 "2024-11-16T20:53:08Z")

</div>

Hello everyone, I'm currently facing an issue trying to integrate Chart.js with Node-RED Dashboard 2.0 using a Vue-based template node. I am hoping to see if anyone has successfully managed to do this or can provide som…

---

## [Up-Down node for Roller Shutter](https://discourse.nodered.org/t/up-down-node-for-roller-shutter/93130)

<div class="topic-metadata">

**Author:** [@Hoinz](https://discourse.nodered.org/u/Hoinz)\
**Replies:** 18\
**Last updated:** [16 November 2024 20:09 UTC](https://discourse.nodered.org/t/up-down-node-for-roller-shutter/93130 "2024-11-16T20:09:53Z")

</div>

Hello, All, I have a simple request -- I am searching for a dashboard 2.0 node, that simply shows 2 Arrows, one for "up" and one for "down" (ideally also showing a "0" position, but just optional). Despite searching go…

---

## [Migrating ui template from Dashboard-1 to Dashboard-2](https://discourse.nodered.org/t/migrating-ui-template-from-dashboard-1-to-dashboard-2/92891)

<div class="topic-metadata">

**Author:** [@krambriw](https://discourse.nodered.org/u/krambriw)\
**Replies:** 23\
**Last updated:** [16 November 2024 10:48 UTC](https://discourse.nodered.org/t/migrating-ui-template-from-dashboard-1-to-dashboard-2/92891 "2024-11-16T10:48:51Z")

</div>

Hello, I just started looking into my old very well working ui template to try to migrate the functionality to Dashboard-2 The template is capable and used to stream & show video (like rtsp and http) as well as starting…

---

## [RTSP Feed on dashboard](https://discourse.nodered.org/t/rtsp-feed-on-dashboard/92876)

<div class="topic-metadata">

**Author:** [@ath0rus](https://discourse.nodered.org/u/ath0rus)\
**Replies:** 24\
**Last updated:** [16 November 2024 10:42 UTC](https://discourse.nodered.org/t/rtsp-feed-on-dashboard/92876 "2024-11-16T10:42:54Z")

</div>

Hi, So I have seen several posts here about getting rtsp feed on dashboard. They all seem to be complicated. Is there a simple way to get a rtsp feed and display the live preview of a specifc camera (have a drop down li…

---

## [Manipulate v-color-picker in the template node](https://discourse.nodered.org/t/manipulate-v-color-picker-in-the-template-node/93072)

<div class="topic-metadata">

**Author:** [@Udina](https://discourse.nodered.org/u/Udina)\
**Replies:** 4\
**Last updated:** [15 November 2024 09:36 UTC](https://discourse.nodered.org/t/manipulate-v-color-picker-in-the-template-node/93072 "2024-11-15T09:36:35Z")

</div>

Hello everyone, I am currently building my home automation with dashboard 2 and I would like to manage a color selection palette with v-color-picker from Vuetify. The idea is to drive neopixel LEDs behind my television…

---

## [How to access the local storage from template node](https://discourse.nodered.org/t/how-to-access-the-local-storage-from-template-node/93121)

<div class="topic-metadata">

**Author:** [@xlameee](https://discourse.nodered.org/u/xlameee)\
**Replies:** 2\
**Last updated:** [14 November 2024 21:48 UTC](https://discourse.nodered.org/t/how-to-access-the-local-storage-from-template-node/93121 "2024-11-14T21:48:43Z")

</div>

Hello I have stored some images on my local storage I need to used them in a table currently "item.logoUrl" is a link to a website where this image is, but I have those images in my local storage. How do I point the im…

---

## [Show Timestamp in a table please help](https://discourse.nodered.org/t/show-timestamp-in-a-table-please-help/93152)

<div class="topic-metadata">

**Author:** [@funkyGandalf](https://discourse.nodered.org/u/funkyGandalf)\
**Replies:** 0\
**Last updated:** [14 November 2024 17:22 UTC](https://discourse.nodered.org/t/show-timestamp-in-a-table-please-help/93152 "2024-11-14T17:22:37Z")

</div>

Hi ya'll, i got a data table in this flow im gonna post, and i wanted a column for the date and time (with minutes and seconds) when you clicked the send button, but something doesnt work. Can someone help me getz it ri…

---

## [Table dashboard 2.0](https://discourse.nodered.org/t/table-dashboard-2-0/92991)

<div class="topic-metadata">

**Author:** [@CarlosSousa](https://discourse.nodered.org/u/CarlosSousa)\
**Replies:** 9\
**Last updated:** [14 November 2024 20:08 UTC](https://discourse.nodered.org/t/table-dashboard-2-0/92991 "2024-11-14T20:08:35Z")

</div>

Hi everybody, In the checkboxes from the table (dashboard 2.0) when i select some checkbox is giving the last selection. I try to clean the last with a function node giving msg.payload ="" but dont work. How we can solv…

---

## [Play simple audio with ui\_template (Dashboard 2)](https://discourse.nodered.org/t/play-simple-audio-with-ui-template-dashboard-2/92943)

<div class="topic-metadata">

**Author:** [@Pepex7](https://discourse.nodered.org/u/Pepex7)\
**Replies:** 5\
**Last updated:** [14 November 2024 14:55 UTC](https://discourse.nodered.org/t/play-simple-audio-with-ui-template-dashboard-2/92943 "2024-11-14T14:55:24Z")

</div>

I am trying to play simple audio in ui\_template, I try the following: \<template\> \<div\> \<vuetify-audio :file="file" :ended="audioFinish"\>\</vuetify-audio\> \</div\> \</template\> \<script\> export default { …

---

## [Add an indicator beside the UI group title](https://discourse.nodered.org/t/add-an-indicator-beside-the-ui-group-title/93139)

<div class="topic-metadata">

**Author:** [@bigbean17](https://discourse.nodered.org/u/bigbean17)\
**Replies:** 0\
**Last updated:** [14 November 2024 06:17 UTC](https://discourse.nodered.org/t/add-an-indicator-beside-the-ui-group-title/93139 "2024-11-14T06:17:47Z")

</div>

Hi, I'm using the dashboard 2.0. What I need is to add a status indicator beside the ui group title. Something like below but replace the button "Create goal" with a status indicator. I'm thinking to write a templat…

---

## [How to create a climograph?](https://discourse.nodered.org/t/how-to-create-a-climograph/93094)

<div class="topic-metadata">

**Author:** [@duaw](https://discourse.nodered.org/u/duaw)\
**Replies:** 7\
**Last updated:** [13 November 2024 20:44 UTC](https://discourse.nodered.org/t/how-to-create-a-climograph/93094 "2024-11-13T20:44:14Z")

</div>

Dear all! "Climographs display data for two variables …" (Climograph - Wikipedia) Basically temperature and som water-related stuff. Two axes: left: temp, right: precipitation, humidity, each w/ min/max and legend) over…

---

## [Can't get the chart working with dataset](https://discourse.nodered.org/t/cant-get-the-chart-working-with-dataset/93114)

<div class="topic-metadata">

**Author:** [@ektoekto](https://discourse.nodered.org/u/ektoekto)\
**Replies:** 3\
**Last updated:** [13 November 2024 11:45 UTC](https://discourse.nodered.org/t/cant-get-the-chart-working-with-dataset/93114 "2024-11-13T11:45:20Z")

</div>

I have next example data: let dataArray = \[ { name: "room 1", tempdata: \[ { time: 1710584361161, temp: 21.1 }, { time: 1710584371161, temp: 22.0 }, { time: 1710584…

---

## [Default values in text input](https://discourse.nodered.org/t/default-values-in-text-input/93073)

<div class="topic-metadata">

**Author:** [@aitor](https://discourse.nodered.org/u/aitor)\
**Replies:** 2\
**Last updated:** [12 November 2024 07:18 UTC](https://discourse.nodered.org/t/default-values-in-text-input/93073 "2024-11-12T07:18:30Z")

</div>

Hi there! I want to have a default value shown in the text-input (datetimepicker mode). I tried inputting a msg.payload with a numeric value representing miliseconds since epoch but it does not work. The previous versi…

---

## [How to use simple-keyboard in a Dashboard 2.0 template node?](https://discourse.nodered.org/t/how-to-use-simple-keyboard-in-a-dashboard-2-0-template-node/93078)

<div class="topic-metadata">

**Author:** [@dudleyjosh](https://discourse.nodered.org/u/dudleyjosh)\
**Replies:** 0\
**Last updated:** [11 November 2024 19:17 UTC](https://discourse.nodered.org/t/how-to-use-simple-keyboard-in-a-dashboard-2-0-template-node/93078 "2024-11-11T19:17:08Z")

</div>

I'm trying to figure out how I might be able to use simple-keyboard in a Dashboard 2.0 template node to create an on-screen popup keyboard whenever a Dashboard 2.0 text input field is selected. I don't know or understan…

---

## [New Layout Editor + Spacer Now Available in Dashboard 2.0](https://discourse.nodered.org/t/new-layout-editor-spacer-now-available-in-dashboard-2-0/93059)

<div class="topic-metadata">

**Author:** [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Replies:** 0\
**Last updated:** [11 November 2024 09:07 UTC](https://discourse.nodered.org/t/new-layout-editor-spacer-now-available-in-dashboard-2-0/93059 "2024-11-11T09:07:40Z")

</div>

Hi All, just a quick note to say that we've finally released the first iteration of the new "Edit Mode" for FlowFuse Dashboard (Dashboard 2.0). You can read more about it here: Visual Layout Editor - Now Available in…

---

## [Emitting multi-selection values with Dashboard 2.0 dropdown node](https://discourse.nodered.org/t/emitting-multi-selection-values-with-dashboard-2-0-dropdown-node/93046)

<div class="topic-metadata">

**Author:** [@Fougner](https://discourse.nodered.org/u/Fougner)\
**Replies:** 1\
**Last updated:** [11 November 2024 09:03 UTC](https://discourse.nodered.org/t/emitting-multi-selection-values-with-dashboard-2-0-dropdown-node/93046 "2024-11-11T09:03:56Z")

</div>

In the Dashboard-1 dropdown node, an array of values would be emitted when the multi-selection was done and we clicked outside the dropdown menu to close it. In contrast, in Dashboard 2.0, an array of values will be emi…

---

## [How to make colour picker appear with button?](https://discourse.nodered.org/t/how-to-make-colour-picker-appear-with-button/93043)

<div class="topic-metadata">

**Author:** [@hazymat](https://discourse.nodered.org/u/hazymat)\
**Replies:** 1\
**Last updated:** [10 November 2024 22:53 UTC](https://discourse.nodered.org/t/how-to-make-colour-picker-appear-with-button/93043 "2024-11-10T22:53:15Z")

</div>

Hi, this may be a silly question but it's something I have struggled to do. I currently have this kind of thing in Dashboard 2.0: As you can see it conditionally shows the colorpicker depending on whether it's a col…

---

## [How to get a payload value of a message with a specific topic to show in label of a chart node](https://discourse.nodered.org/t/how-to-get-a-payload-value-of-a-message-with-a-specific-topic-to-show-in-label-of-a-chart-node/93035)

<div class="topic-metadata">

**Author:** [@nosered1966](https://discourse.nodered.org/u/nosered1966)\
**Replies:** 4\
**Last updated:** [10 November 2024 18:48 UTC](https://discourse.nodered.org/t/how-to-get-a-payload-value-of-a-message-with-a-specific-topic-to-show-in-label-of-a-chart-node/93035 "2024-11-10T18:48:17Z")

</div>

Hi, I know that I can use \<font color=#1F51FF size="4"\>{{msg.payload}}\</font\> to display the value of "msg.payload" as text on the dashboard. But how can I extract the payload value from a specific message (having a …

---

## [Button with my picture](https://discourse.nodered.org/t/button-with-my-picture/92906)

<div class="topic-metadata">

**Author:** [@Le-Ze](https://discourse.nodered.org/u/Le-Ze)\
**Replies:** 15\
**Last updated:** [10 November 2024 08:00 UTC](https://discourse.nodered.org/t/button-with-my-picture/92906 "2024-11-10T08:00:44Z")

</div>

Hi, I'm a complete beginner and doing my 2 project. I use Dashboard 1. How to make a button with my picture png ? Thank you very much.

---

## [Get the id value (from db) and add it to the output of a ui-form?](https://discourse.nodered.org/t/get-the-id-value-from-db-and-add-it-to-the-output-of-a-ui-form/92992)

<div class="topic-metadata">

**Author:** [@Pepex7](https://discourse.nodered.org/u/Pepex7)\
**Replies:** 25\
**Last updated:** [9 November 2024 09:14 UTC](https://discourse.nodered.org/t/get-the-id-value-from-db-and-add-it-to-the-output-of-a-ui-form/92992 "2024-11-09T09:14:52Z")

</div>

I'm trying to do an update on a database record (postgres) with a ui-form (Dashboard 2), but I can't pass the id to the ui-form. I don't get the id in the ui-form output so I can make the query and pass the id to modi…

---

## [Trying to display messages on the dashboard with template node](https://discourse.nodered.org/t/trying-to-display-messages-on-the-dashboard-with-template-node/92847)

<div class="topic-metadata">

**Author:** [@xlameee](https://discourse.nodered.org/u/xlameee)\
**Replies:** 9\
**Last updated:** [9 November 2024 02:33 UTC](https://discourse.nodered.org/t/trying-to-display-messages-on-the-dashboard-with-template-node/92847 "2024-11-09T02:33:10Z")

</div>

Here is the flow. Yes I know there is notification node in dashboard 2 but this is much more flexable :grinning: :grinning: :grinning: \[{"id":"75bd32781e3cd9e2","type":"function","z":"a1b23c45d6e7890f","g":"62fd9d439065…

---

## [Bar chart (x,y) display on mouse-over](https://discourse.nodered.org/t/bar-chart-x-y-display-on-mouse-over/92993)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 0\
**Last updated:** [8 November 2024 16:38 UTC](https://discourse.nodered.org/t/bar-chart-x-y-display-on-mouse-over/92993 "2024-11-08T16:38:25Z")

</div>

When you hover over a bar the x and y value for that bar are displayed in a tooltip. When the y value for a bar is 0 there is no way to get the (x,y) tooltip. A very small value results in a vanishingly small mouse-…

---

## [Multiple Custom Third-Party Nodes](https://discourse.nodered.org/t/multiple-custom-third-party-nodes/92939)

<div class="topic-metadata">

**Author:** [@DC\_Messenger](https://discourse.nodered.org/u/DC_Messenger)\
**Replies:** 7\
**Last updated:** [8 November 2024 12:15 UTC](https://discourse.nodered.org/t/multiple-custom-third-party-nodes/92939 "2024-11-08T12:15:28Z")

</div>

Hi all, I am trying to create some custom nodes for an intergration the dashboard into an existing solution. The issue is, is that when creating custom third party widgets, as per the documentation (Building Third Party …

---

## [How do I do this to work with template node](https://discourse.nodered.org/t/how-do-i-do-this-to-work-with-template-node/92971)

<div class="topic-metadata">

**Author:** [@xlameee](https://discourse.nodered.org/u/xlameee)\
**Replies:** 2\
**Last updated:** [7 November 2024 22:25 UTC](https://discourse.nodered.org/t/how-do-i-do-this-to-work-with-template-node/92971 "2024-11-07T22:25:01Z")

</div>

Here is the code from https://vuetifyjs.com/en/components/buttons/#dialog-action \<template\> \<v-sheet class="position-relative" min-height="450" \> \<div class="position-absolute d-flex align-center justif…

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

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