# Dashboard

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

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

**Page:** 54

---

## [Dropdown -- resend selected element](https://discourse.nodered.org/t/dropdown-resend-selected-element/86078)

<div class="topic-metadata">

**Author:** [@gNeandr](https://discourse.nodered.org/u/gNeandr)\
**Replies:** 1\
**Last updated:** [3 March 2024 08:48 UTC](https://discourse.nodered.org/t/dropdown-resend-selected-element/86078 "2024-03-03T08:48:18Z")

</div>

Dropdown sends a payload with the selected element. So far so good. Immediately reusing the dropdown with the selection of the same element does not send anything. Maybe "normal", but can it be changed somehow to resend…

---

## [Date format in v-text-field](https://discourse.nodered.org/t/date-format-in-v-text-field/86074)

<div class="topic-metadata">

**Author:** [@nygma2004](https://discourse.nodered.org/u/nygma2004)\
**Replies:** 11\
**Last updated:** [2 March 2024 23:45 UTC](https://discourse.nodered.org/t/date-format-in-v-text-field/86074 "2024-03-02T23:45:24Z")

</div>

This is probably more of a Vue question than DB2. I used @Colin's dialog example to create a dialog field where I can enter a from and date: I used v-text-field in the card text: \<v-card-text\> \<div cl…

---

## [Retaining state information in a Dashboard 2 ui-template](https://discourse.nodered.org/t/retaining-state-information-in-a-dashboard-2-ui-template/86007)

<div class="topic-metadata">

**Author:** [@Colin](https://discourse.nodered.org/u/Colin)\
**Replies:** 28\
**Last updated:** [2 March 2024 21:37 UTC](https://discourse.nodered.org/t/retaining-state-information-in-a-dashboard-2-ui-template/86007 "2024-03-02T21:37:59Z")

</div>

I am retaining state information in a Dashboard 2 ui-template by saving it in a property (eg msg.\_mydata) in the message that gets sent back to the server. If the page is refreshed or a new browser window is opened on t…

---

## [Restore chart dont work](https://discourse.nodered.org/t/restore-chart-dont-work/86075)

<div class="topic-metadata">

**Author:** [@Nichlas](https://discourse.nodered.org/u/Nichlas)\
**Replies:** 2\
**Last updated:** [2 March 2024 16:29 UTC](https://discourse.nodered.org/t/restore-chart-dont-work/86075 "2024-03-02T16:29:00Z")

</div>

Hi, I calculated the power from my solar panels with node watt2kwh and then bar-chart-data to get chart for hour, day and month. I stored the outgoing payload from my chart with contrib-persist and i can see all of the …

---

## [Background color and border not applied to page](https://discourse.nodered.org/t/background-color-and-border-not-applied-to-page/86073)

<div class="topic-metadata">

**Author:** [@nygma2004](https://discourse.nodered.org/u/nygma2004)\
**Replies:** 2\
**Last updated:** [2 March 2024 11:52 UTC](https://discourse.nodered.org/t/background-color-and-border-not-applied-to-page/86073 "2024-03-02T11:52:04Z")

</div>

I want to create a page where there groups are not visible, everything is on a white background. I set the Page background, group background and outline to all white: But I still get a grey background and also a grou…

---

## [Start and Stop Button In Dashboard](https://discourse.nodered.org/t/start-and-stop-button-in-dashboard/86060)

<div class="topic-metadata">

**Author:** [@daniel90](https://discourse.nodered.org/u/daniel90)\
**Replies:** 4\
**Last updated:** [1 March 2024 18:11 UTC](https://discourse.nodered.org/t/start-and-stop-button-in-dashboard/86060 "2024-03-01T18:11:01Z")

</div>

hello, can someone help me how to make 'start' and 'stop' button in nodered dashboard that function as activating the gauge meter and chart that showing the data from mqtt/inject node when start button was selected/push …

---

## [UI-Gauge with negative scale shows wrong value](https://discourse.nodered.org/t/ui-gauge-with-negative-scale-shows-wrong-value/85574)

<div class="topic-metadata">

**Author:** [@Frida](https://discourse.nodered.org/u/Frida)\
**Replies:** 4\
**Last updated:** [1 March 2024 17:57 UTC](https://discourse.nodered.org/t/ui-gauge-with-negative-scale-shows-wrong-value/85574 "2024-03-01T17:57:06Z")

</div>

Any one see this. The middle scale shows 0 on the pointer, but the number shows -2.5. The other 2 scales show correctly.

---

## [How to do two way binding](https://discourse.nodered.org/t/how-to-do-two-way-binding/85490)

<div class="topic-metadata">

**Author:** [@nr\_luna\_mw](https://discourse.nodered.org/u/nr_luna_mw)\
**Replies:** 6\
**Last updated:** [1 March 2024 16:36 UTC](https://discourse.nodered.org/t/how-to-do-two-way-binding/85490 "2024-03-01T16:36:29Z")

</div>

Good day jwj001, I created a template node for a separated button. It should be a combo button including a v-btn for changing the page and activating dynamic content. The other component is a switch for smart-home contr…

---

## [Dashboard 2 - Socket emit from ui-template](https://discourse.nodered.org/t/dashboard-2-socket-emit-from-ui-template/86051)

<div class="topic-metadata">

**Author:** [@douchebagraccoon](https://discourse.nodered.org/u/douchebagraccoon)\
**Replies:** 5\
**Last updated:** [1 March 2024 16:20 UTC](https://discourse.nodered.org/t/dashboard-2-socket-emit-from-ui-template/86051 "2024-03-01T16:20:19Z")

</div>

Hello everyone ! In a D2 ui-template node, I created a button that opens a dialog containing two sliders and a switch ; I managed to dynamically change the slider values with two inject nodes, but when I change the slid…

---

## [Ui-template & v-table: how to display array of data](https://discourse.nodered.org/t/ui-template-v-table-how-to-display-array-of-data/86057)

<div class="topic-metadata">

**Author:** [@SynoUser-NL](https://discourse.nodered.org/u/SynoUser-NL)\
**Replies:** 2\
**Last updated:** [1 March 2024 14:58 UTC](https://discourse.nodered.org/t/ui-template-v-table-how-to-display-array-of-data/86057 "2024-03-01T14:58:05Z")

</div>

Hi, I am sending an array to the ui-table node, which displays that data perfectly. When trying to send this data to a vuetify table, I am not getting any results in the table. The code in the template node: \<templat…

---

## [Problems with Custom Event](https://discourse.nodered.org/t/problems-with-custom-event/85973)

<div class="topic-metadata">

**Author:** [@Buckskin](https://discourse.nodered.org/u/Buckskin)\
**Replies:** 3\
**Last updated:** [1 March 2024 11:08 UTC](https://discourse.nodered.org/t/problems-with-custom-event/85973 "2024-03-01T11:08:57Z")

</div>

I was trying to generate a custom even as described in the Dashboard 2 Info; \<v-btn @click="$socket.emit('ui-event', 'custom-event-name', msg)"\>Send Custom Event\</v-btn\> I created a ui-template with the following code …

---

## [Use of this.msg V this.$socket.on('msg-input:' + this.id, (msg)](https://discourse.nodered.org/t/use-of-this-msg-v-this-socket-on-msg-input-this-id-msg/86037)

<div class="topic-metadata">

**Author:** [@Buckskin](https://discourse.nodered.org/u/Buckskin)\
**Replies:** 10\
**Last updated:** [1 March 2024 09:22 UTC](https://discourse.nodered.org/t/use-of-this-msg-v-this-socket-on-msg-input-this-id-msg/86037 "2024-03-01T09:22:03Z")

</div>

I notice that people are using this.msg instead of mounted() { // listen for incoming msg's from Node-RED // note our topic is "msg-input" + the node's unique ID this.$socket.…

---

## [Change in ui-group node Size When Page Menu Open / Closed](https://discourse.nodered.org/t/change-in-ui-group-node-size-when-page-menu-open-closed/85974)

<div class="topic-metadata">

**Author:** [@Buckskin](https://discourse.nodered.org/u/Buckskin)\
**Replies:** 11\
**Last updated:** [29 February 2024 20:13 UTC](https://discourse.nodered.org/t/change-in-ui-group-node-size-when-page-menu-open-closed/85974 "2024-02-29T20:13:13Z")

</div>

I have two issues regarding this The order of the Groups on the Dashboard is not the same as on the Dashboard Layout tab (should be Graph then Gauge) I have one of hotNipi's Windrose gauges and a standard graph on two …

---

## [Dynamically change colour of text node in Dash2](https://discourse.nodered.org/t/dynamically-change-colour-of-text-node-in-dash2/86022)

<div class="topic-metadata">

**Author:** [@FormaServe](https://discourse.nodered.org/u/FormaServe)\
**Replies:** 1\
**Last updated:** [29 February 2024 11:47 UTC](https://discourse.nodered.org/t/dynamically-change-colour-of-text-node-in-dash2/86022 "2024-02-29T11:47:58Z")

</div>

Hi these does anyone know how I can dynamically colour a text node in dashboard2? any pointers would be much appreciated. Cheers

---

## [UI LED now available for Dashboard 2.0](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610)

<div class="topic-metadata">

**Author:** [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Replies:** 18\
**Last updated:** [27 February 2024 23:45 UTC](https://discourse.nodered.org/t/ui-led-now-available-for-dashboard-2-0/85610 "2024-02-27T23:45:20Z")

</div>

HI All, it had been a very popular request, and is the most popular third-party widget for Dashboard 1.0, so, I spent last night and this morning building out UI LED for Node-RED Dashboard 2.0: I've just published it…

---

## [Ui-time-scheduler not showing up in ui](https://discourse.nodered.org/t/ui-time-scheduler-not-showing-up-in-ui/85966)

<div class="topic-metadata">

**Author:** [@Lebo](https://discourse.nodered.org/u/Lebo)\
**Replies:** 2\
**Last updated:** [27 February 2024 21:10 UTC](https://discourse.nodered.org/t/ui-time-scheduler-not-showing-up-in-ui/85966 "2024-02-27T21:10:18Z")

</div>

I tried out the ui-time-sheduler on 3 node-red installations. On two of them the sheduler did not show up in the ui. I tried to update node.js and node-red but it did not help. The two installations was one on a pi4 and …

---

## [UI Gauge - Splitting data before sending to Gauge](https://discourse.nodered.org/t/ui-gauge-splitting-data-before-sending-to-gauge/85954)

<div class="topic-metadata">

**Author:** [@SabreFrenzy](https://discourse.nodered.org/u/SabreFrenzy)\
**Replies:** 7\
**Last updated:** [27 February 2024 20:13 UTC](https://discourse.nodered.org/t/ui-gauge-splitting-data-before-sending-to-gauge/85954 "2024-02-27T20:13:51Z")

</div>

Hi, I have the following data entering node red. I want to display CV01\_Rate on a Gauge UI (Dashboard 2.0). When I get the following: I believe need to extract the CV01\_Rate data from the initial message. If I us…

---

## [Pass value to ui\_template in dashboard 2.0](https://discourse.nodered.org/t/pass-value-to-ui-template-in-dashboard-2-0/85963)

<div class="topic-metadata">

**Author:** [@olab](https://discourse.nodered.org/u/olab)\
**Replies:** 1\
**Last updated:** [27 February 2024 17:03 UTC](https://discourse.nodered.org/t/pass-value-to-ui-template-in-dashboard-2-0/85963 "2024-02-27T17:03:16Z")

</div>

I do not understand how to pass a value from my incoming message into this code... Can someone please help?

---

## [Dashboard 2 - ui-template widget receives no further messages after network connection fail and recovery](https://discourse.nodered.org/t/dashboard-2-ui-template-widget-receives-no-further-messages-after-network-connection-fail-and-recovery/85956)

<div class="topic-metadata">

**Author:** [@Colin](https://discourse.nodered.org/u/Colin)\
**Replies:** 4\
**Last updated:** [27 February 2024 16:59 UTC](https://discourse.nodered.org/t/dashboard-2-ui-template-widget-receives-no-further-messages-after-network-connection-fail-and-recovery/85956 "2024-02-27T16:59:37Z")

</div>

Can anyone replicate the issue I am seeing with Dashboard 2 ui-template widgets and temporary network failure? I have submitted an issue but I don't know whether this is specific to my template or a general problem. Th…

---

## [Add new tab through button in the sidebar](https://discourse.nodered.org/t/add-new-tab-through-button-in-the-sidebar/85947)

<div class="topic-metadata">

**Author:** [@rko](https://discourse.nodered.org/u/rko)\
**Replies:** 3\
**Last updated:** [27 February 2024 12:24 UTC](https://discourse.nodered.org/t/add-new-tab-through-button-in-the-sidebar/85947 "2024-02-27T12:24:04Z")

</div>

There is currently no way to easily add new tabs. Would be nice to have a button to do this. In DB1 there was this:

---

## [Table shape is changing in dashboard](https://discourse.nodered.org/t/table-shape-is-changing-in-dashboard/85952)

<div class="topic-metadata">

**Author:** [@shubhamnodered](https://discourse.nodered.org/u/shubhamnodered)\
**Replies:** 0\
**Last updated:** [27 February 2024 11:52 UTC](https://discourse.nodered.org/t/table-shape-is-changing-in-dashboard/85952 "2024-02-27T11:52:14Z")

</div>

Hi Guys! Need your help I am facing problem with Node-red dashboard. I have created the table. Initially it opens in maximized state and when i refresh the dashboard screen, then its shape is minimized. As a result, i h…

---

## ["Site Settings" in DB2](https://discourse.nodered.org/t/site-settings-in-db2/85946)

<div class="topic-metadata">

**Author:** [@rko](https://discourse.nodered.org/u/rko)\
**Replies:** 1\
**Last updated:** [27 February 2024 11:44 UTC](https://discourse.nodered.org/t/site-settings-in-db2/85946 "2024-02-27T11:44:51Z")

</div>

In DB2, "Node-RED Dasboard 2.0" is shown as tab title while loading the page. Will it be possible to customize this in the future?

---

## [How to make the checkBox working?](https://discourse.nodered.org/t/how-to-make-the-checkbox-working/85951)

<div class="topic-metadata">

**Author:** [@JanIwnl](https://discourse.nodered.org/u/JanIwnl)\
**Replies:** 2\
**Last updated:** [27 February 2024 11:16 UTC](https://discourse.nodered.org/t/how-to-make-the-checkbox-working/85951 "2024-02-27T11:16:03Z")

</div>

Hello, i'm trying to implement a checkBox in my dashobard that is hidding some columns from my table when is checked. I'm using a dokker with v3.0.2. So far i implemented the checkBox using an ui-template What i don…

---

## [Node red dashboard chart background color](https://discourse.nodered.org/t/node-red-dashboard-chart-background-color/85945)

<div class="topic-metadata">

**Author:** [@nightmareside15](https://discourse.nodered.org/u/nightmareside15)\
**Replies:** 2\
**Last updated:** [27 February 2024 10:13 UTC](https://discourse.nodered.org/t/node-red-dashboard-chart-background-color/85945 "2024-02-27T10:13:49Z")

</div>

The chart background seems following the theme from the node - red. Is there any way to replacing it to some other color other than the default theme? Also, is it also possible to change the line width like we did in ch…

---

## [Style override - some Vue elements not visible in DB2](https://discourse.nodered.org/t/style-override-some-vue-elements-not-visible-in-db2/85936)

<div class="topic-metadata">

**Author:** [@nygma2004](https://discourse.nodered.org/u/nygma2004)\
**Replies:** 8\
**Last updated:** [26 February 2024 21:57 UTC](https://discourse.nodered.org/t/style-override-some-vue-elements-not-visible-in-db2/85936 "2024-02-26T21:57:47Z")

</div>

@hotNipi helped me to create a style change as the v-menu was using the wrong background color. I found two similar case, but I can't really figure out myself how to create a style to fix the colors properly: Case 1: ic…

---

## [Browser Tab Icon](https://discourse.nodered.org/t/browser-tab-icon/85925)

<div class="topic-metadata">

**Author:** [@rko](https://discourse.nodered.org/u/rko)\
**Replies:** 2\
**Last updated:** [26 February 2024 21:26 UTC](https://discourse.nodered.org/t/browser-tab-icon/85925 "2024-02-26T21:26:36Z")

</div>

Anybody managed to change / replace the browser tab icon in DB2?

---

## [Custom JS for ui-template in Dashboard 2.0](https://discourse.nodered.org/t/custom-js-for-ui-template-in-dashboard-2-0/85852)

<div class="topic-metadata">

**Author:** [@Stwissel](https://discourse.nodered.org/u/Stwissel)\
**Replies:** 0\
**Last updated:** [24 February 2024 11:53 UTC](https://discourse.nodered.org/t/custom-js-for-ui-template-in-dashboard-2-0/85852 "2024-02-24T11:53:19Z")

</div>

The documentation of ui template has an example of external JS: \<script src="https://cdn.babylonjs.com/babylon.js"\>\</script\> I would like to include a local file resource, so I modified settings.js to include module.e…

---

## [Dashboard 2 widget in template not using space available](https://discourse.nodered.org/t/dashboard-2-widget-in-template-not-using-space-available/85919)

<div class="topic-metadata">

**Author:** [@Colin](https://discourse.nodered.org/u/Colin)\
**Replies:** 2\
**Last updated:** [26 February 2024 13:31 UTC](https://discourse.nodered.org/t/dashboard-2-widget-in-template-not-using-space-available/85919 "2024-02-26T13:31:02Z")

</div>

If I have a v-select widget in a ui-template I find that it does not use the available space in the same way as the core Dropdown widget does. For example with this in the template \<template\> \<div\> \<v-select …

---

## [In D2 ui-template can't get @update:modelValue to work in v-select](https://discourse.nodered.org/t/in-d2-ui-template-cant-get-update-modelvalue-to-work-in-v-select/85860)

<div class="topic-metadata">

**Author:** [@Colin](https://discourse.nodered.org/u/Colin)\
**Replies:** 6\
**Last updated:** [26 February 2024 11:19 UTC](https://discourse.nodered.org/t/in-d2-ui-template-cant-get-update-modelvalue-to-work-in-v-select/85860 "2024-02-26T11:19:14Z")

</div>

I am experimenting with widgets in D2 ui-template. I have a v-select and the docs suggests that @update:modelValue should be fired when the selected value changes, but I can't get this to work. @click does work. This i…

---

## [Display influxdb-2 data in dashboard-2](https://discourse.nodered.org/t/display-influxdb-2-data-in-dashboard-2/85887)

<div class="topic-metadata">

**Author:** [@flipside](https://discourse.nodered.org/u/flipside)\
**Replies:** 12\
**Last updated:** [26 February 2024 10:31 UTC](https://discourse.nodered.org/t/display-influxdb-2-data-in-dashboard-2/85887 "2024-02-26T10:31:38Z")

</div>

Hello everyone, I have created a flow that is receiving fake temperature values (using random function) from an ESP32 using MQTT. I use influxdb v2 to store the values. My problem is that I cannot display the last hour…

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

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