# Dashboard

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

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

**Page:** 33

---

## [Trigger Node "Wait for x Seconds" Variable from the Dashboard](https://discourse.nodered.org/t/trigger-node-wait-for-x-seconds-variable-from-the-dashboard/92130)

<div class="topic-metadata">

**Author:** [@Keano](https://discourse.nodered.org/u/Keano)\
**Replies:** 2\
**Last updated:** [3 October 2024 05:24 UTC](https://discourse.nodered.org/t/trigger-node-wait-for-x-seconds-variable-from-the-dashboard/92130 "2024-10-03T05:24:32Z")

</div>

Hi Everyone, I'm currently working on a project to trigger a relay with a schedule created on the dashboard of Node-Red. In this dashboard they can set the day and the time they want the trigger to occur. I also have a i…

---

## [Msg.payload to template node](https://discourse.nodered.org/t/msg-payload-to-template-node/92110)

<div class="topic-metadata">

**Author:** [@LucasPelu](https://discourse.nodered.org/u/LucasPelu)\
**Replies:** 6\
**Last updated:** [2 October 2024 17:24 UTC](https://discourse.nodered.org/t/msg-payload-to-template-node/92110 "2024-10-02T17:24:15Z")

</div>

I am working on loading data to mysql using a dashboard. I want that as soon as the data is loaded correctly, a floating message appears saying that the data has been loaded correctly. To do this, I used the affectedRow…

---

## [Dashboard 2.0 ui-template multiple injections](https://discourse.nodered.org/t/dashboard-2-0-ui-template-multiple-injections/91231)

<div class="topic-metadata">

**Author:** [@stgj](https://discourse.nodered.org/u/stgj)\
**Replies:** 7\
**Last updated:** [2 October 2024 16:03 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-template-multiple-injections/91231 "2024-10-02T16:03:59Z")

</div>

Hi. I have a use case where I ask devices out in the field (PLS and the like) over different protocols, like Modbus, Omron FINS etc. This data I get back and I process that data and presents the data to a user through u…

---

## [Dashboard Switch icon on left, switch label on right?](https://discourse.nodered.org/t/dashboard-switch-icon-on-left-switch-label-on-right/92112)

<div class="topic-metadata">

**Author:** [@waquete](https://discourse.nodered.org/u/waquete)\
**Replies:** 5\
**Last updated:** [2 October 2024 15:59 UTC](https://discourse.nodered.org/t/dashboard-switch-icon-on-left-switch-label-on-right/92112 "2024-10-02T15:59:43Z")

</div>

Hello, I have a question related to dashboard switch style. Is there an easy way to have switch icon on the left side while label is on the right ? ie: swap label and switch position.

---

## [Previous dialog disappear when next notification active](https://discourse.nodered.org/t/previous-dialog-disappear-when-next-notification-active/92127)

<div class="topic-metadata">

**Author:** [@bin\_bobo](https://discourse.nodered.org/u/bin_bobo)\
**Replies:** 7\
**Last updated:** [2 October 2024 12:59 UTC](https://discourse.nodered.org/t/previous-dialog-disappear-when-next-notification-active/92127 "2024-10-02T12:59:31Z")

</div>

Hello, I am using the Notification UI node in OK/Cancel dialog. I need the output from the notification node, but the previous dialog of notification will be disappear when the next notification active. I can't find the …

---

## [Issue with Forked Node-RED Dashboard Installation: ENOENT Error on File Path](https://discourse.nodered.org/t/issue-with-forked-node-red-dashboard-installation-enoent-error-on-file-path/92087)

<div class="topic-metadata">

**Author:** [@DhamodharanGopal](https://discourse.nodered.org/u/DhamodharanGopal)\
**Replies:** 6\
**Last updated:** [2 October 2024 09:10 UTC](https://discourse.nodered.org/t/issue-with-forked-node-red-dashboard-installation-enoent-error-on-file-path/92087 "2024-10-02T09:10:00Z")

</div>

Hello everyone, I’ve encountered an issue with a forked installation of the Node-RED Dashboard. After installing the dashboard from the forked repository, I’m facing an error that prevents it from loading correctly. Spe…

---

## [Learning Resources on Dashboards](https://discourse.nodered.org/t/learning-resources-on-dashboards/92084)

<div class="topic-metadata">

**Author:** [@Elvis](https://discourse.nodered.org/u/Elvis)\
**Replies:** 6\
**Last updated:** [1 October 2024 17:52 UTC](https://discourse.nodered.org/t/learning-resources-on-dashboards/92084 "2024-10-01T17:52:05Z")

</div>

Continuing the discussion from About the Dashboard category: Am a beginner learning node-red. I do need help with getting resources on learning how to build a SCADA dashboard

---

## [Chart Dashboard 2 undefined legend](https://discourse.nodered.org/t/chart-dashboard-2-undefined-legend/92102)

<div class="topic-metadata">

**Author:** [@juntiedt](https://discourse.nodered.org/u/juntiedt)\
**Replies:** 3\
**Last updated:** [1 October 2024 13:16 UTC](https://discourse.nodered.org/t/chart-dashboard-2-undefined-legend/92102 "2024-10-01T13:16:51Z")

</div>

I am ínitialising my chart with this lines of code: node.send({ payload: \[\] }); node.send({ topic: "SZ", payload: 0 }); node.send({ topic: "AZ", payload: 0 }); node.send({ topic: "WZ", payload: 0 }); node.send({ topic:…

---

## [Button icon does not update/refresh automatically](https://discourse.nodered.org/t/button-icon-does-not-update-refresh-automatically/92099)

<div class="topic-metadata">

**Author:** [@waquete](https://discourse.nodered.org/u/waquete)\
**Replies:** 7\
**Last updated:** [1 October 2024 12:24 UTC](https://discourse.nodered.org/t/button-icon-does-not-update-refresh-automatically/92099 "2024-10-01T12:24:27Z")

</div>

Hello, I have set a dashboard button that I just use to display an icon (iconify). icon and color is sent by msg.ui\_control: var msg2 = {}; if (msg.payload.state == "OFF") { msg2.ui\_control = { "icon" : "iconify-b…

---

## [Group background color](https://discourse.nodered.org/t/group-background-color/92094)

<div class="topic-metadata">

**Author:** [@selwynjackson](https://discourse.nodered.org/u/selwynjackson)\
**Replies:** 4\
**Last updated:** [1 October 2024 10:14 UTC](https://discourse.nodered.org/t/group-background-color/92094 "2024-10-01T10:14:08Z")

</div>

How do I set the background colour for a group? I would like a different colour for each group. I have tried setting 'background-color' in a template, but that only works for the widgets.

---

## [Base64 image is not working on dashboard 2.0](https://discourse.nodered.org/t/base64-image-is-not-working-on-dashboard-2-0/91318)

<div class="topic-metadata">

**Author:** [@iotkismec](https://discourse.nodered.org/u/iotkismec)\
**Replies:** 6\
**Last updated:** [1 October 2024 01:59 UTC](https://discourse.nodered.org/t/base64-image-is-not-working-on-dashboard-2-0/91318 "2024-10-01T01:59:33Z")

</div>

Hi. below is the dataURI that is worked in dashboard v1 but not in v2. data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB0CAYAAABUmhYnAAAAAklEQVR4AewaftIAAALPSURBVO3BQa7jSAwFwUxC97/yGy+5KkCQ7OlPMMJ8sMYo1ijFGqVYoxRrlG…

---

## [Sending control messages in Dashboard 2.0 ui-iframe](https://discourse.nodered.org/t/sending-control-messages-in-dashboard-2-0-ui-iframe/92070)

<div class="topic-metadata">

**Author:** [@omrid](https://discourse.nodered.org/u/omrid)\
**Replies:** 3\
**Last updated:** [30 September 2024 17:15 UTC](https://discourse.nodered.org/t/sending-control-messages-in-dashboard-2-0-ui-iframe/92070 "2024-09-30T17:15:30Z")

</div>

I am using Dashboard-2.0 ui-iframe node, and able to set the url dynamically with msg.src. In dashboard-1.0, the node-red-node-ui-iframe node was also able to send control messages to the iFrame. For example, controllin…

---

## [Subflow - UI Group](https://discourse.nodered.org/t/subflow-ui-group/92068)

<div class="topic-metadata">

**Author:** [@hazymat](https://discourse.nodered.org/u/hazymat)\
**Replies:** 11\
**Last updated:** [30 September 2024 11:22 UTC](https://discourse.nodered.org/t/subflow-ui-group/92068 "2024-09-30T11:22:47Z")

</div>

Not sure if this is an issue, or by design If it's an issue, where can I report a bug (Node-RED core, or dashboard?) If I create a subflow containing a UI Template then set its UI Tab Group to point to an environment v…

---

## [Conditionally show a widget?](https://discourse.nodered.org/t/conditionally-show-a-widget/92047)

<div class="topic-metadata">

**Author:** [@hazymat](https://discourse.nodered.org/u/hazymat)\
**Replies:** 1\
**Last updated:** [30 September 2024 01:28 UTC](https://discourse.nodered.org/t/conditionally-show-a-widget/92047 "2024-09-30T01:28:09Z")

</div>

Simple question, maybe one that has already been covered and apologies if so. Is it possible to conditionally show a widget? For example, if a rainfall level graph is empty then Don’t show it, instead I might want to sh…

---

## [Ui\_template disappears when msg.payload input](https://discourse.nodered.org/t/ui-template-disappears-when-msg-payload-input/92042)

<div class="topic-metadata">

**Author:** [@Panda](https://discourse.nodered.org/u/Panda)\
**Replies:** 4\
**Last updated:** [29 September 2024 13:51 UTC](https://discourse.nodered.org/t/ui-template-disappears-when-msg-payload-input/92042 "2024-09-29T13:51:46Z")

</div>

Hey guys, I think the ui\_template is my final boss :sob: I would like to create a template like this: It works quite well so far, but as soon as I send "msg.payload.LWL" or "msg.payload" to the template, it disappe…

---

## [Storing Chart Data from a D2 Dashboard](https://discourse.nodered.org/t/storing-chart-data-from-a-d2-dashboard/90832)

<div class="topic-metadata">

**Author:** [@DarkZone](https://discourse.nodered.org/u/DarkZone)\
**Replies:** 15\
**Last updated:** [28 September 2024 23:56 UTC](https://discourse.nodered.org/t/storing-chart-data-from-a-d2-dashboard/90832 "2024-09-28T23:56:46Z")

</div>

Hey guys, I'm working on a few Dashboards and have found it pretty annoying to lose all my charted points when im restarting my Docker instance. I tried to read up on it using this flowfuse article but noticed it is for…

---

## [Size of custom MDI switch icon](https://discourse.nodered.org/t/size-of-custom-mdi-switch-icon/91280)

<div class="topic-metadata">

**Author:** [@juntiedt](https://discourse.nodered.org/u/juntiedt)\
**Replies:** 8\
**Last updated:** [28 September 2024 12:24 UTC](https://discourse.nodered.org/t/size-of-custom-mdi-switch-icon/91280 "2024-09-28T12:24:18Z")

</div>

How can I set the size of a custom switch icon. (mdi ToggleSwitch) standard ToggleSwitch is far too small How can I center the switch horizontaly in a 3x1 field?

---

## [Scheduler / node-red-contrib-ui-time-scheduler alternatives for DB2.0](https://discourse.nodered.org/t/scheduler-node-red-contrib-ui-time-scheduler-alternatives-for-db2-0/91285)

<div class="topic-metadata">

**Author:** [@WhiteLion](https://discourse.nodered.org/u/WhiteLion)\
**Replies:** 6\
**Last updated:** [27 September 2024 22:45 UTC](https://discourse.nodered.org/t/scheduler-node-red-contrib-ui-time-scheduler-alternatives-for-db2-0/91285 "2024-09-27T22:45:50Z")

</div>

Hihi, I use node-red-contrib-ui-time-scheduler node-red-contrib-ui-time-scheduler in many flows and while migration from DB1 to DB2.0 I found no port for it or any alternative. - Does anybody know if there is one ? - Th…

---

## [Meaning of this msg](https://discourse.nodered.org/t/meaning-of-this-msg/91288)

<div class="topic-metadata">

**Author:** [@merkelck](https://discourse.nodered.org/u/merkelck)\
**Replies:** 4\
**Last updated:** [27 September 2024 13:45 UTC](https://discourse.nodered.org/t/meaning-of-this-msg/91288 "2024-09-27T13:45:00Z")

</div>

Where can I fine the meaning of this msg?

---

## [I have a question about the dashboard](https://discourse.nodered.org/t/i-have-a-question-about-the-dashboard/91277)

<div class="topic-metadata">

**Author:** [@jun](https://discourse.nodered.org/u/jun)\
**Replies:** 1\
**Last updated:** [27 September 2024 10:20 UTC](https://discourse.nodered.org/t/i-have-a-question-about-the-dashboard/91277 "2024-09-27T10:20:36Z")

</div>

Hello? When I reduce the web screen, it becomes 2 columns like the picture. How can I keep 1 column?

---

## [Mermaid xychart-beta support in markdown node](https://discourse.nodered.org/t/mermaid-xychart-beta-support-in-markdown-node/91298)

<div class="topic-metadata">

**Author:** [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Replies:** 2\
**Last updated:** [27 September 2024 08:31 UTC](https://discourse.nodered.org/t/mermaid-xychart-beta-support-in-markdown-node/91298 "2024-09-27T08:31:37Z")

</div>

Is mermaid support inherited from node-red or does dashboard 2 include its own mermaid library ? mermaid changes quite often and they have added xychart-beta, which makes it possible to make line/bar charts easily, woul…

---

## [First (working) prototype of a WYSIWYG editor for Dashboard 2.0](https://discourse.nodered.org/t/first-working-prototype-of-a-wysiwyg-editor-for-dashboard-2-0/91128)

<div class="topic-metadata">

**Author:** [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Replies:** 2\
**Last updated:** [26 September 2024 17:02 UTC](https://discourse.nodered.org/t/first-working-prototype-of-a-wysiwyg-editor-for-dashboard-2-0/91128 "2024-09-26T17:02:11Z")

</div>

This is very much a W.I.P (just in case it's not already clear from the shoddy UI you're about to watch), but this is the first step in our vision for what we're hoping to achieve with Dashboard 2.0 and a supporting layo…

---

## [How to use class functionality for widgets in Dashboard 2.0](https://discourse.nodered.org/t/how-to-use-class-functionality-for-widgets-in-dashboard-2-0/91211)

<div class="topic-metadata">

**Author:** [@saraltech](https://discourse.nodered.org/u/saraltech)\
**Replies:** 6\
**Last updated:** [26 September 2024 03:31 UTC](https://discourse.nodered.org/t/how-to-use-class-functionality-for-widgets-in-dashboard-2-0/91211 "2024-09-26T03:31:28Z")

</div>

I am struggling to use CSS Class functiionality for widgets in dashboard 2.0. Kindly suggest some examples where this functionality is explained. for exmple in the below code, I am not able to increase the font size of …

---

## [Svg Editor floorpan image not working anymore](https://discourse.nodered.org/t/svg-editor-floorpan-image-not-working-anymore/91239)

<div class="topic-metadata">

**Author:** [@edje11](https://discourse.nodered.org/u/edje11)\
**Replies:** 3\
**Last updated:** [25 September 2024 21:30 UTC](https://discourse.nodered.org/t/svg-editor-floorpan-image-not-working-anymore/91239 "2024-09-25T21:30:59Z")

</div>

Suddenly there's an issue with the SVG node from Bart. Most likely the problem started after updating NR, dashboard, node, npm or something like that. I can't tell exactly when the problem started, editing the floorplan…

---

## [Center a mdi-circle in a1 by 3 field](https://discourse.nodered.org/t/center-a-mdi-circle-in-a1-by-3-field/91258)

<div class="topic-metadata">

**Author:** [@juntiedt](https://discourse.nodered.org/u/juntiedt)\
**Replies:** 3\
**Last updated:** [25 September 2024 15:51 UTC](https://discourse.nodered.org/t/center-a-mdi-circle-in-a1-by-3-field/91258 "2024-09-25T15:51:38Z")

</div>

how can I center horizontaly and verticaly a mdi circle in 1 by 3 field. code below does not work. \<template\> \<div class="my-class"\> \<div :style="{color: msg.color || 'black', margin: 'auto' }"\> …

---

## [CSS templates and Google fonts](https://discourse.nodered.org/t/css-templates-and-google-fonts/91237)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 6\
**Last updated:** [24 September 2024 20:20 UTC](https://discourse.nodered.org/t/css-templates-and-google-fonts/91237 "2024-09-24T20:20:59Z")

</div>

I have discovered that I can include Google fonts in a Widget type template: \<template\> \<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Water Brush"\> \<div class="water"\> \<h2\>The Head…

---

## [Usability of ui-text vs ui-chart](https://discourse.nodered.org/t/usability-of-ui-text-vs-ui-chart/91233)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 4\
**Last updated:** [24 September 2024 16:07 UTC](https://discourse.nodered.org/t/usability-of-ui-text-vs-ui-chart/91233 "2024-09-24T16:07:04Z")

</div>

I think there has been some prior discussion of this topic, is the current situation set in stone? The DB2 ui-chart has config fields for x and y series. This makes it very easy to specify a chart from stored data e…

---

## [Settings charts](https://discourse.nodered.org/t/settings-charts/91205)

<div class="topic-metadata">

**Author:** [@Udina](https://discourse.nodered.org/u/Udina)\
**Replies:** 4\
**Last updated:** [24 September 2024 14:47 UTC](https://discourse.nodered.org/t/settings-charts/91205 "2024-09-24T14:47:09Z")

</div>

Do you have a solution to prevent that all the points in chart are not connected to each other : here is the setting of a “PRECIPITAION” node Do you also know of other possible settings for the dashboard graphics…

---

## [Auto logout implementation in Node-red dashboard](https://discourse.nodered.org/t/auto-logout-implementation-in-node-red-dashboard/91224)

<div class="topic-metadata">

**Author:** [@shubhamnodered](https://discourse.nodered.org/u/shubhamnodered)\
**Replies:** 2\
**Last updated:** [24 September 2024 11:15 UTC](https://discourse.nodered.org/t/auto-logout-implementation-in-node-red-dashboard/91224 "2024-09-24T11:15:56Z")

</div>

Hi guys and hello node-red team, Is it possible to implement auto-logout after 2 minutes of inactivity in node-red dashboard using settings.js file? I looked online but found no information. Though someone mentioned to…

---

## [Dashboard 2 - is there a simple way to configure button so that it toggles](https://discourse.nodered.org/t/dashboard-2-is-there-a-simple-way-to-configure-button-so-that-it-toggles/90830)

<div class="topic-metadata">

**Author:** [@no\_mpimpi](https://discourse.nodered.org/u/no_mpimpi)\
**Replies:** 13\
**Last updated:** [24 September 2024 08:55 UTC](https://discourse.nodered.org/t/dashboard-2-is-there-a-simple-way-to-configure-button-so-that-it-toggles/90830 "2024-09-24T08:55:38Z")

</div>

Hi, Basically, what I'd like is a button that works like a switch. It looks like a button, but it changes state and colour when you click it. I can do that using a subflow to figure out a toggle, but surely there's a …

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

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