# Dashboard

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

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

**Page:** 26

---

## [Data table with clickable row and hover](https://discourse.nodered.org/t/data-table-with-clickable-row-and-hover/94181)

<div class="topic-metadata">

**Author:** [@xlameee](https://discourse.nodered.org/u/xlameee)\
**Replies:** 5\
**Last updated:** [1 January 2025 04:31 UTC](https://discourse.nodered.org/t/data-table-with-clickable-row-and-hover/94181 "2025-01-01T04:31:27Z")

</div>

Hello I did added hover effect on my table but Is there a api or snippet to make each row clickable? I found this api item-selectable but is not what I am looking for

---

## [Communicating with Socket.IO from a Node-RED Function Node](https://discourse.nodered.org/t/communicating-with-socket-io-from-a-node-red-function-node/94265)

<div class="topic-metadata">

**Author:** [@Subavarsha](https://discourse.nodered.org/u/Subavarsha)\
**Replies:** 1\
**Last updated:** [31 December 2024 13:47 UTC](https://discourse.nodered.org/t/communicating-with-socket-io-from-a-node-red-function-node/94265 "2024-12-31T13:47:56Z")

</div>

Hi everyone, I'm working on a custom Node-RED module using socket.io. I’ve defined a ui\_base.js file where I set up a Socket.IO server and handle events. Here’s a snippet of my server-side code: socket.on('disconne…

---

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

<div class="topic-metadata">

**Author:** [@gerrybartley](https://discourse.nodered.org/u/gerrybartley)\
**Replies:** 2\
**Last updated:** [30 December 2024 13:40 UTC](https://discourse.nodered.org/t/template-node-msg-payload/94254 "2024-12-30T13:40:56Z")

</div>

Can I pass msg.payload to ui-template in Dashboard 2? When the user selects an option from a dropdown I set msg.payload to true. I want to pass this to the template so that the overlay appears. When the data returns I s…

---

## [UI-Form-Date Picker Min Max Filter](https://discourse.nodered.org/t/ui-form-date-picker-min-max-filter/94220)

<div class="topic-metadata">

**Author:** [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Replies:** 7\
**Last updated:** [29 December 2024 04:53 UTC](https://discourse.nodered.org/t/ui-form-date-picker-min-max-filter/94220 "2024-12-29T04:53:47Z")

</div>

Hi, I need a date picker, so I use ui-form with date option like so How do I restrict the options for a minimum and maximum date ? like feeding a 'minDate' 'maxDate' property

---

## [Form Node - Time and Date field datatypes](https://discourse.nodered.org/t/form-node-time-and-date-field-datatypes/94210)

<div class="topic-metadata">

**Author:** [@alanmasu](https://discourse.nodered.org/u/alanmasu)\
**Replies:** 2\
**Last updated:** [28 December 2024 13:50 UTC](https://discourse.nodered.org/t/form-node-time-and-date-field-datatypes/94210 "2024-12-28T13:50:25Z")

</div>

Hi at all, I'm going crazy trying to figure out what format ui-form sends date and time fields in, specifically when DST exists; can someone explain this to me? Specifically, does it depend on the OS, on the browser? Th…

---

## [Dashboard v2 Chart node doesn't seem to handle larger data sets well](https://discourse.nodered.org/t/dashboard-v2-chart-node-doesnt-seem-to-handle-larger-data-sets-well/93833)

<div class="topic-metadata">

**Author:** [@dudleyjosh](https://discourse.nodered.org/u/dudleyjosh)\
**Replies:** 11\
**Last updated:** [27 December 2024 15:39 UTC](https://discourse.nodered.org/t/dashboard-v2-chart-node-doesnt-seem-to-handle-larger-data-sets-well/93833 "2024-12-27T15:39:33Z")

</div>

I rebuilt a dashboard I had running using the original node-red-dashboard v1. The dashboard retrieves data from CSV files and charts them as a timescale chart by data series. It has worked well with dashboard v1 but it i…

---

## [Insecure favicon?](https://discourse.nodered.org/t/insecure-favicon/94192)

<div class="topic-metadata">

**Author:** [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Replies:** 2\
**Last updated:** [27 December 2024 15:25 UTC](https://discourse.nodered.org/t/insecure-favicon/94192 "2024-12-27T15:25:28Z")

</div>

Trying to change my dashboard icon for use in a PWA, but hitting a 'Mixed Content' issue because the icon is not served over https, but is served on a local IP address (same raspberry where node-RED is running). I can s…

---

## [Worldmap Change Marker Color on TTL](https://discourse.nodered.org/t/worldmap-change-marker-color-on-ttl/94139)

<div class="topic-metadata">

**Author:** [@stbluesrul](https://discourse.nodered.org/u/stbluesrul)\
**Replies:** 1\
**Last updated:** [24 December 2024 20:04 UTC](https://discourse.nodered.org/t/worldmap-change-marker-color-on-ttl/94139 "2024-12-24T20:04:43Z")

</div>

Is there a way to change the marker color from the TTL expiring instead of deleting it?

---

## [Dashboard 2 layout grid](https://discourse.nodered.org/t/dashboard-2-layout-grid/94023)

<div class="topic-metadata">

**Author:** [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Replies:** 3\
**Last updated:** [24 December 2024 09:37 UTC](https://discourse.nodered.org/t/dashboard-2-layout-grid/94023 "2024-12-24T09:37:10Z")

</div>

Currently using grid layout in dashboard 2 with multiple columns. I have columns/widgets that are long and others are shorter. The second row starts where the longest column/widget from first row ends. This leaves a la…

---

## [How to escape colon in ui-control in dashboard 2?](https://discourse.nodered.org/t/how-to-escape-colon-in-ui-control-in-dashboard-2/94055)

<div class="topic-metadata">

**Author:** [@rucksman007](https://discourse.nodered.org/u/rucksman007)\
**Replies:** 2\
**Last updated:** [23 December 2024 16:59 UTC](https://discourse.nodered.org/t/how-to-escape-colon-in-ui-control-in-dashboard-2/94055 "2024-12-23T16:59:10Z")

</div>

I am currently moving all my dashboards from dashboard 1 to dashboard 2. Amongst a lot of other things, also the syntax for group visibility changed and I have a problem with a group with a colon in its name. I am injec…

---

## [Dashboard 2: Does node-red-node-ui-list work?](https://discourse.nodered.org/t/dashboard-2-does-node-red-node-ui-list-work/94092)

<div class="topic-metadata">

**Author:** [@rucksman007](https://discourse.nodered.org/u/rucksman007)\
**Replies:** 3\
**Last updated:** [23 December 2024 09:29 UTC](https://discourse.nodered.org/t/dashboard-2-does-node-red-node-ui-list-work/94092 "2024-12-23T09:29:40Z")

</div>

I am currently transferring all of my dashboards from dashboard 1 to dashboard 2. In one of the dashboards I am using node-red-node-ui-list. When I try to select the group where this list should be displayed, I cannot f…

---

## [Dashboard 2 gauge water tank level visualization / wrong level displayed?](https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106)

<div class="topic-metadata">

**Author:** [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Replies:** 9\
**Last updated:** [22 December 2024 18:55 UTC](https://discourse.nodered.org/t/dashboard-2-gauge-water-tank-level-visualization-wrong-level-displayed/94106 "2024-12-22T18:55:34Z")

</div>

Using dashboard 2 gauge water tank level. From here Gauge ui-gauge | Node-RED Dashboard 2.0 i got the impression that for 100% the water level would be at the very top. I now set the gauge to 100% via input payload and…

---

## [Simple html table in template node](https://discourse.nodered.org/t/simple-html-table-in-template-node/94098)

<div class="topic-metadata">

**Author:** [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Replies:** 1\
**Last updated:** [22 December 2024 06:54 UTC](https://discourse.nodered.org/t/simple-html-table-in-template-node/94098 "2024-12-22T06:54:53Z")

</div>

How to render a simple html table within a template node? As i joined the db2 race very late, i might be missing some basic things, unfortunately my search algorithm isnt able to find relevant solution. \[{"id":"a4e151f…

---

## [Audio Out on Chromium](https://discourse.nodered.org/t/audio-out-on-chromium/94054)

<div class="topic-metadata">

**Author:** [@nurit0105](https://discourse.nodered.org/u/nurit0105)\
**Replies:** 7\
**Last updated:** [20 December 2024 21:08 UTC](https://discourse.nodered.org/t/audio-out-on-chromium/94054 "2024-12-20T21:08:19Z")

</div>

Hi, I have a raspberry pi 4 running node-red. I am trying to use an audio-out node. While debugging there is no issue, but I can't hear any sound. Funnily the general audio plays like for example if I open Youtube. …

---

## [Dashboard 2.0, v1.21.0 Released](https://discourse.nodered.org/t/dashboard-2-0-v1-21-0-released/94047)

<div class="topic-metadata">

**Author:** [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Replies:** 2\
**Last updated:** [20 December 2024 17:22 UTC](https://discourse.nodered.org/t/dashboard-2-0-v1-21-0-released/94047 "2024-12-20T17:22:37Z")

</div>

Hot on the heals of new Node-RED updates is a new version of node-red-dashboard 2.0 Here are the headlines: New Widgets New Widget: Audio by @bartbutenaers in #1506 New Features New Feature: wysiwyg design time edi…

---

## [CSS template : access msg.payload value](https://discourse.nodered.org/t/css-template-access-msg-payload-value/94004)

<div class="topic-metadata">

**Author:** [@bierre2000](https://discourse.nodered.org/u/bierre2000)\
**Replies:** 4\
**Last updated:** [19 December 2024 20:37 UTC](https://discourse.nodered.org/t/css-template-access-msg-payload-value/94004 "2024-12-19T20:37:54Z")

</div>

Hi everyone I'm trying to recreate what used to work in dashboard 1, in dashboard 2 As my gate move, the background of the button fill-up the button according to it's position I use to do it by passing the position …

---

## [Dashboard v.2 Basic Auth different from V.1?](https://discourse.nodered.org/t/dashboard-v-2-basic-auth-different-from-v-1/94034)

<div class="topic-metadata">

**Author:** [@maxuser74](https://discourse.nodered.org/u/maxuser74)\
**Replies:** 0\
**Last updated:** [19 December 2024 18:33 UTC](https://discourse.nodered.org/t/dashboard-v-2-basic-auth-different-from-v-1/94034 "2024-12-19T18:33:31Z")

</div>

Hello folks, I am very happy about my Dashboard (v.1) node red application which I built some years ago, and it is still very useful but now I would like to migrate to Dashboard v.2. No problem in transcoding from v.1 …

---

## [Dashboard defaults and css](https://discourse.nodered.org/t/dashboard-defaults-and-css/94015)

<div class="topic-metadata">

**Author:** [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Replies:** 14\
**Last updated:** [19 December 2024 13:12 UTC](https://discourse.nodered.org/t/dashboard-defaults-and-css/94015 "2024-12-19T13:12:54Z")

</div>

How can I remove the massive paddings in form fields (16px 12px ??) and change the font-size to something smaller ? Also, the submit button is shown by default and also by default it is shown underneath the form (here …

---

## [Dashboard 2.0 ui\_chart ui\_update](https://discourse.nodered.org/t/dashboard-2-0-ui-chart-ui-update/93972)

<div class="topic-metadata">

**Author:** [@lbarjak](https://discourse.nodered.org/u/lbarjak)\
**Replies:** 10\
**Last updated:** [19 December 2024 09:27 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-chart-ui-update/93972 "2024-12-19T09:27:16Z")

</div>

Hello, This code does not work, neither ymax, xmin nor label are changed. What is the correct solution?

---

## [Db2 thermostat gui](https://discourse.nodered.org/t/db2-thermostat-gui/93885)

<div class="topic-metadata">

**Author:** [@gerry](https://discourse.nodered.org/u/gerry)\
**Replies:** 7\
**Last updated:** [18 December 2024 18:38 UTC](https://discourse.nodered.org/t/db2-thermostat-gui/93885 "2024-12-18T18:38:43Z")

</div>

Last few steps to transition to DB2, the biggest hurdle is a thermostat page. In db1 someone was kind enough to provide one they had made and I am not getting this thing ported over to db2. I have no artistic ability and…

---

## [UI Scoped widget position](https://discourse.nodered.org/t/ui-scoped-widget-position/93999)

<div class="topic-metadata">

**Author:** [@aitor](https://discourse.nodered.org/u/aitor)\
**Replies:** 2\
**Last updated:** [18 December 2024 15:04 UTC](https://discourse.nodered.org/t/ui-scoped-widget-position/93999 "2024-12-18T15:04:31Z")

</div>

Hi! I want to control where a UI-scoped widget is positioned. I'm using a template node with a simple Vue component. The idea is to show the current time at the top of the dashboard and across all pages. I assumed tha…

---

## [StateTrail-Node for Dashboard 2.0](https://discourse.nodered.org/t/statetrail-node-for-dashboard-2-0/93700)

<div class="topic-metadata">

**Author:** [@n.bayer97](https://discourse.nodered.org/u/n.bayer97)\
**Replies:** 17\
**Last updated:** [17 December 2024 17:59 UTC](https://discourse.nodered.org/t/statetrail-node-for-dashboard-2-0/93700 "2024-12-17T17:59:33Z")

</div>

Hello everyone, has anyone already found a solution for a StateTrail node in DB2.0?

---

## [How to display output of script in dashboard](https://discourse.nodered.org/t/how-to-display-output-of-script-in-dashboard/93943)

<div class="topic-metadata">

**Author:** [@xtrailrunner](https://discourse.nodered.org/u/xtrailrunner)\
**Replies:** 5\
**Last updated:** [17 December 2024 13:33 UTC](https://discourse.nodered.org/t/how-to-display-output-of-script-in-dashboard/93943 "2024-12-17T13:33:12Z")

</div>

Hello, I got a code snippet script src="https://xxxx.yyyy.com/zzz"\>\</script which produces a weather widget with a nice diagram. I would like to display this diagram in my dashboard. I have tried to use a function n…

---

## [Dashboard 2.0 Notification - Dual Output Messages](https://discourse.nodered.org/t/dashboard-2-0-notification-dual-output-messages/93957)

<div class="topic-metadata">

**Author:** [@Skaedian](https://discourse.nodered.org/u/Skaedian)\
**Replies:** 2\
**Last updated:** [17 December 2024 11:55 UTC](https://discourse.nodered.org/t/dashboard-2-0-notification-dual-output-messages/93957 "2024-12-17T11:55:34Z")

</div>

Hi there I'm working in Node-RED 4.0.5 with a notification node and noticed that this node outputs two messages: The notification node is configured like this: Is it normal for the notification node to output tw…

---

## [Persisting Data](https://discourse.nodered.org/t/persisting-data/93950)

<div class="topic-metadata">

**Author:** [@gerrybartley](https://discourse.nodered.org/u/gerrybartley)\
**Replies:** 4\
**Last updated:** [17 December 2024 10:17 UTC](https://discourse.nodered.org/t/persisting-data/93950 "2024-12-17T10:17:16Z")

</div>

I'm currently migrating a large project from Dashboard 1 to Dashboard 2. I've noticed when I navigate from a page and back again, dropdown control has lost it's selected value, and chart and gauge controls don't maintain…

---

## [Dashboard on tablet - scrolling](https://discourse.nodered.org/t/dashboard-on-tablet-scrolling/93721)

<div class="topic-metadata">

**Author:** [@Giamma](https://discourse.nodered.org/u/Giamma)\
**Replies:** 0\
**Last updated:** [6 December 2024 07:14 UTC](https://discourse.nodered.org/t/dashboard-on-tablet-scrolling/93721 "2024-12-06T07:14:38Z")

</div>

Hi everyone, I need your help ... I have one dashboard (v1) split in two sections. I show this dashboard in a tablet 7" and I scroll up and down between the two section with the finger (of course). Is possibile to hav…

---

## [Dashboad 2 template node mouse click](https://discourse.nodered.org/t/dashboad-2-template-node-mouse-click/93940)

<div class="topic-metadata">

**Author:** [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Replies:** 2\
**Last updated:** [16 December 2024 15:45 UTC](https://discourse.nodered.org/t/dashboad-2-template-node-mouse-click/93940 "2024-12-16T15:45:29Z")

</div>

Using dashboard 2 template node to show base64 encoded image: \<template\> \<img :src="\`data:image/jpg;base64,${msg.payload}\`" class="image1" /\> \</template\> How can fetch a mouse click on the image? Whenever a mouse …

---

## [Default icon color in Dashboard 2](https://discourse.nodered.org/t/default-icon-color-in-dashboard-2/93918)

<div class="topic-metadata">

**Author:** [@mickym2](https://discourse.nodered.org/u/mickym2)\
**Replies:** 0\
**Last updated:** [15 December 2024 21:00 UTC](https://discourse.nodered.org/t/default-icon-color-in-dashboard-2/93918 "2024-12-15T21:00:37Z")

</div>

I have a problem with the color of default icons in the text input node. The text color switches automatically between white and black, dependend on the background color of the theme. Fine! However the color of the ico…

---

## [Dashboard 2 sidebar lock has no tooltip](https://discourse.nodered.org/t/dashboard-2-sidebar-lock-has-no-tooltip/93901)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 0\
**Last updated:** [14 December 2024 13:43 UTC](https://discourse.nodered.org/t/dashboard-2-sidebar-lock-has-no-tooltip/93901 "2024-12-14T13:43:54Z")

</div>

The tiniest niggle: When you hover over a dashboard page in the sidebar there are 5 icons. The first 4 have tooltips ("Edit", "Layout Editor", "Add Group" & "Hide") The fifth icon - a padlock - has no tooltip. Similar…

---

## [One vs multiple lines on a chart](https://discourse.nodered.org/t/one-vs-multiple-lines-on-a-chart/93384)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 9\
**Last updated:** [12 December 2024 22:08 UTC](https://discourse.nodered.org/t/one-vs-multiple-lines-on-a-chart/93384 "2024-12-12T22:08:01Z")

</div>

If I have a dataset as an array: \[{"timestamp":"2024-04-28T08:38:08.000Z","temperature":103.8,"humidity":55},{"timestamp":"2024-06-04T08:01:50.000Z","temperature":102.8,"humidity":92.8},{"timestamp":"2024-07-06T16:35:03…

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

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