# Dashboard

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

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

**Page:** 57

---

## [Dashboard 2 Creating Pages & Groups](https://discourse.nodered.org/t/dashboard-2-creating-pages-groups/85124)

<div class="topic-metadata">

**Author:** [@FormaServe](https://discourse.nodered.org/u/FormaServe)\
**Replies:** 7\
**Last updated:** [6 February 2024 11:57 UTC](https://discourse.nodered.org/t/dashboard-2-creating-pages-groups/85124 "2024-02-06T11:57:42Z")

</div>

Hi there, is there any way, using Dash2 to create pages, groups and themes up front before any work is started on the flow? Cheers.

---

## [Carousel in template](https://discourse.nodered.org/t/carousel-in-template/85235)

<div class="topic-metadata">

**Author:** [@nygma2004](https://discourse.nodered.org/u/nygma2004)\
**Replies:** 7\
**Last updated:** [6 February 2024 11:41 UTC](https://discourse.nodered.org/t/carousel-in-template/85235 "2024-02-06T11:41:06Z")

</div>

I wanted to understand the Vuetify templates a little better. I wanted to do a carousel: In my data I have an array of objects image-url contains the URL of the images. This is what I put into the template: \<template\> …

---

## [Going nuts with ui-template](https://discourse.nodered.org/t/going-nuts-with-ui-template/85219)

<div class="topic-metadata">

**Author:** [@TheSaltydog](https://discourse.nodered.org/u/TheSaltydog)\
**Replies:** 9\
**Last updated:** [6 February 2024 10:05 UTC](https://discourse.nodered.org/t/going-nuts-with-ui-template/85219 "2024-02-06T10:05:55Z")

</div>

Hi, I am getting crazy with an ui-template. It seems trivial, but either the group doesn't grow with the entry list or it is not shown at all... Sure I'm wrong, but I can't get out of this. \[{"id":"4117ffc1.b817","typ…

---

## [How to permanently display Node-RED dashboard](https://discourse.nodered.org/t/how-to-permanently-display-node-red-dashboard/85230)

<div class="topic-metadata">

**Author:** [@BrittW23](https://discourse.nodered.org/u/BrittW23)\
**Replies:** 4\
**Last updated:** [6 February 2024 03:20 UTC](https://discourse.nodered.org/t/how-to-permanently-display-node-red-dashboard/85230 "2024-02-06T03:20:18Z")

</div>

Hi! I am using Node-RED on a raspberry Pi with a small screen. I want to make it so the Node Red dashboard is the only thing that is displayed even when it is turned off and on again. Please let me know if this is possi…

---

## [Power usage "graphs" from Tasmota device](https://discourse.nodered.org/t/power-usage-graphs-from-tasmota-device/85231)

<div class="topic-metadata">

**Author:** [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Replies:** 12\
**Last updated:** [5 February 2024 23:15 UTC](https://discourse.nodered.org/t/power-usage-graphs-from-tasmota-device/85231 "2024-02-05T23:15:03Z")

</div>

I've got a Tasmota device that spits out messages with power usage. (yeah, I'm anal.) :wink: This is what I'm getting as an example. Sorry there is no actual values. {"Time":"2024-02-06T07:10:47", "ENERGY":{"TotalSt…

---

## [Deploy multiple widgets](https://discourse.nodered.org/t/deploy-multiple-widgets/85211)

<div class="topic-metadata">

**Author:** [@TheSaltydog](https://discourse.nodered.org/u/TheSaltydog)\
**Replies:** 3\
**Last updated:** [5 February 2024 11:05 UTC](https://discourse.nodered.org/t/deploy-multiple-widgets/85211 "2024-02-05T11:05:21Z")

</div>

I am using a node-red-contrib-ui-led to show status of 20 different devices. With this function I can get all devices' name and status: const devices = global.get("devices","myStore") for (var x in devices){ msg.…

---

## [Data from DB to chart for many web clients](https://discourse.nodered.org/t/data-from-db-to-chart-for-many-web-clients/85055)

<div class="topic-metadata">

**Author:** [@zova](https://discourse.nodered.org/u/zova)\
**Replies:** 5\
**Last updated:** [5 February 2024 08:20 UTC](https://discourse.nodered.org/t/data-from-db-to-chart-for-many-web-clients/85055 "2024-02-05T08:20:53Z")

</div>

I display data from DB on dashboard. There are chart nodes and some navigation buttons nodes (backward, forward, zoom in, zoom out). Everything works enough good until one more user looks into that dashboard. My questio…

---

## [Embed vuetify in DB2](https://discourse.nodered.org/t/embed-vuetify-in-db2/85178)

<div class="topic-metadata">

**Author:** [@TheSaltydog](https://discourse.nodered.org/u/TheSaltydog)\
**Replies:** 6\
**Last updated:** [4 February 2024 19:52 UTC](https://discourse.nodered.org/t/embed-vuetify-in-db2/85178 "2024-02-04T19:52:14Z")

</div>

Is there a tutorial to embed Vuetify components in DB?

---

## [Dashboard 2 Template Node](https://discourse.nodered.org/t/dashboard-2-template-node/85054)

<div class="topic-metadata">

**Author:** [@ScheepersJohan](https://discourse.nodered.org/u/ScheepersJohan)\
**Replies:** 13\
**Last updated:** [4 February 2024 09:35 UTC](https://discourse.nodered.org/t/dashboard-2-template-node/85054 "2024-02-04T09:35:29Z")

</div>

In dashboard 2 I am setting the templet node from a incoming msg to display a ifram, this is a Grafana dashboard, it does not display the ifram. The same flow with a Old dashboard templet node works. Are there any chan…

---

## [Dashboard slow to load](https://discourse.nodered.org/t/dashboard-slow-to-load/84993)

<div class="topic-metadata">

**Author:** [@TheSaltydog](https://discourse.nodered.org/u/TheSaltydog)\
**Replies:** 31\
**Last updated:** [2 February 2024 22:23 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993 "2024-02-02T22:23:53Z")

</div>

I have a quite large Dashoard (13 tabs, full of controls) and it is very slow upon starting/loading. After then, operations are normal. I was watching at the "Network" tab in the browser's developer windows and I notice…

---

## [Dashboard 2.0 workaround for issue #331 - dropdown problem on Android?](https://discourse.nodered.org/t/dashboard-2-0-workaround-for-issue-331-dropdown-problem-on-android/85141)

<div class="topic-metadata">

**Author:** [@Colin](https://discourse.nodered.org/u/Colin)\
**Replies:** 12\
**Last updated:** [2 February 2024 16:51 UTC](https://discourse.nodered.org/t/dashboard-2-0-workaround-for-issue-331-dropdown-problem-on-android/85141 "2024-02-02T16:51:05Z")

</div>

Can anyone think of a workaround for ui-dropdown allows keyboard text entry and misbehaves on Android. · Issue #331 · FlowFuse/node-red-dashboard · GitHub? On Android selecting a dropdown pops up a keyboard, which makes…

---

## [Play movie on dashboard from local storage on raspberry pi](https://discourse.nodered.org/t/play-movie-on-dashboard-from-local-storage-on-raspberry-pi/84918)

<div class="topic-metadata">

**Author:** [@de-kekse](https://discourse.nodered.org/u/de-kekse)\
**Replies:** 7\
**Last updated:** [2 February 2024 16:06 UTC](https://discourse.nodered.org/t/play-movie-on-dashboard-from-local-storage-on-raspberry-pi/84918 "2024-02-02T16:06:48Z")

</div>

Hi, try to play a locally stored movie in the dashboard. Node-Red revision 3.0.2 The Template Node content is \<div id="video"\> \<video width="300" height="200" controls\> \<source ng-src="{{msg.payload}}"\> \</div\> …

---

## [Display boolean read values on UI switch](https://discourse.nodered.org/t/display-boolean-read-values-on-ui-switch/85144)

<div class="topic-metadata">

**Author:** [@MystiiK](https://discourse.nodered.org/u/MystiiK)\
**Replies:** 10\
**Last updated:** [2 February 2024 15:33 UTC](https://discourse.nodered.org/t/display-boolean-read-values-on-ui-switch/85144 "2024-02-02T15:33:36Z")

</div>

Hi, I would like to display boolean values (got by reading values on a PLC) on a dashboard, using UI switches. Each time, it is possible to click on the switch in order to change the value, but I want the opposite. I ju…

---

## [Different layout if connect with tablet or phone](https://discourse.nodered.org/t/different-layout-if-connect-with-tablet-or-phone/84751)

<div class="topic-metadata">

**Author:** [@lucianv](https://discourse.nodered.org/u/lucianv)\
**Replies:** 4\
**Last updated:** [2 February 2024 04:18 UTC](https://discourse.nodered.org/t/different-layout-if-connect-with-tablet-or-phone/84751 "2024-02-02T04:18:42Z")

</div>

Hi, I have designed a flow and a dashboard which is ok when open it on PC. I would like to detect when I open with a tablet or phone and show other design (show less things and arrange them differently ) to fit on the s…

---

## [Error installing Dashboard 2.0 Mac](https://discourse.nodered.org/t/error-installing-dashboard-2-0-mac/85126)

<div class="topic-metadata">

**Author:** [@rakgupta](https://discourse.nodered.org/u/rakgupta)\
**Replies:** 7\
**Last updated:** [1 February 2024 20:55 UTC](https://discourse.nodered.org/t/error-installing-dashboard-2-0-mac/85126 "2024-02-01T20:55:25Z")

</div>

Hello: I'm trying to install Dashboard 2.0 from the Palette Manager and I'm getting the errors shown below. It does seem to be a "permissions" issue but prior to this, I had updated quite a few old nodes and it all work…

---

## [Orientation of the map](https://discourse.nodered.org/t/orientation-of-the-map/84558)

<div class="topic-metadata">

**Author:** [@Marchal-web](https://discourse.nodered.org/u/Marchal-web)\
**Replies:** 3\
**Last updated:** [1 February 2024 18:09 UTC](https://discourse.nodered.org/t/orientation-of-the-map/84558 "2024-02-01T18:09:05Z")

</div>

Hello all, Is there a way to change the orientation of the map dynamically on worldmap page ? Thanks

---

## [Layout Fixed? not really](https://discourse.nodered.org/t/layout-fixed-not-really/85085)

<div class="topic-metadata">

**Author:** [@TheSaltydog](https://discourse.nodered.org/u/TheSaltydog)\
**Replies:** 1\
**Last updated:** [31 January 2024 20:06 UTC](https://discourse.nodered.org/t/layout-fixed-not-really/85085 "2024-01-31T20:06:10Z")

</div>

I am using a Fixed layout, but this is my test DB. Why Group5 is not positioned immediately below Group4? In DB-1 the same layout is more consistent...

---

## [Dashboard last update state to dashboard](https://discourse.nodered.org/t/dashboard-last-update-state-to-dashboard/85093)

<div class="topic-metadata">

**Author:** [@nodouser](https://discourse.nodered.org/u/nodouser)\
**Replies:** 1\
**Last updated:** [31 January 2024 22:07 UTC](https://discourse.nodered.org/t/dashboard-last-update-state-to-dashboard/85093 "2024-01-31T22:07:54Z")

</div>

Hello, I like to have the date and time, when a sensor has send the last update. Is that possible and make it visible in my dashboard? payload.LastUpdate LastUpdate: "2024-01-31 21:44:07"

---

## [How to create a number panel that is able to input a 7 digit number](https://discourse.nodered.org/t/how-to-create-a-number-panel-that-is-able-to-input-a-7-digit-number/84825)

<div class="topic-metadata">

**Author:** [@MoonAngel](https://discourse.nodered.org/u/MoonAngel)\
**Replies:** 14\
**Last updated:** [31 January 2024 20:37 UTC](https://discourse.nodered.org/t/how-to-create-a-number-panel-that-is-able-to-input-a-7-digit-number/84825 "2024-01-31T20:37:10Z")

</div>

Hey everyone i am a student and the company i have an internship in introduced me to node red. all of this is new to me and i feel kinda stuck haha, especially because none of my dev friends even heard about this so …

---

## [Dashboard 2.0 - Viewtify treeview](https://discourse.nodered.org/t/dashboard-2-0-viewtify-treeview/85081)

<div class="topic-metadata">

**Author:** [@tobehn](https://discourse.nodered.org/u/tobehn)\
**Replies:** 2\
**Last updated:** [31 January 2024 19:36 UTC](https://discourse.nodered.org/t/dashboard-2-0-viewtify-treeview/85081 "2024-01-31T19:36:51Z")

</div>

I there, i just startet to check out dashboad 2.0 with the idea of using it for some visualisations with my nodered flows. i came across the treeview component of viewtify: Would really love to use it to render some d…

---

## [How to edit a BUTTON Node without triggering it](https://discourse.nodered.org/t/how-to-edit-a-button-node-without-triggering-it/85001)

<div class="topic-metadata">

**Author:** [@Gawan](https://discourse.nodered.org/u/Gawan)\
**Replies:** 5\
**Last updated:** [30 January 2024 17:42 UTC](https://discourse.nodered.org/t/how-to-edit-a-button-node-without-triggering-it/85001 "2024-01-30T17:42:49Z")

</div>

Hi all, is there a way to edit a BUTTON Node (from the generic Dashboard) ? I would like toggle it between ON and OFF and red color / green color if pressed. But if I create an output from the button to a function nod…

---

## [Conditional formatting template node](https://discourse.nodered.org/t/conditional-formatting-template-node/85043)

<div class="topic-metadata">

**Author:** [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Replies:** 3\
**Last updated:** [30 January 2024 14:03 UTC](https://discourse.nodered.org/t/conditional-formatting-template-node/85043 "2024-01-30T14:03:10Z")

</div>

Hi, I am trying to display last 60 minutes of machine output in a ui\_text node using a template node as formatter. The input to the template node is a single json object (given in inject node in example) generated by a …

---

## [How to put one group below other group dashboard](https://discourse.nodered.org/t/how-to-put-one-group-below-other-group-dashboard/85042)

<div class="topic-metadata">

**Author:** [@MA.ING](https://discourse.nodered.org/u/MA.ING)\
**Replies:** 1\
**Last updated:** [30 January 2024 11:59 UTC](https://discourse.nodered.org/t/how-to-put-one-group-below-other-group-dashboard/85042 "2024-01-30T11:59:26Z")

</div>

Hi, Im looking for how to put one group below other group, im trying if with some CSS but imposible to get it. That i want is something like this: Its not only a vertical group, it have one horizontal group and bel…

---

## [Dashboard 2 change icon](https://discourse.nodered.org/t/dashboard-2-change-icon/85005)

<div class="topic-metadata">

**Author:** [@gerry](https://discourse.nodered.org/u/gerry)\
**Replies:** 5\
**Last updated:** [30 January 2024 10:20 UTC](https://discourse.nodered.org/t/dashboard-2-change-icon/85005 "2024-01-30T10:20:07Z")

</div>

Started trying out Dashboard 2 and have what I think must be an easy problem but it totally eludes me. Using the standard template I am trying to change an icon color programmatically. here is my flow \[{"id":"8960b0e3…

---

## [Dashboard template node - https](https://discourse.nodered.org/t/dashboard-template-node-https/85029)

<div class="topic-metadata">

**Author:** [@Sirhc](https://discourse.nodered.org/u/Sirhc)\
**Replies:** 3\
**Last updated:** [29 January 2024 22:17 UTC](https://discourse.nodered.org/t/dashboard-template-node-https/85029 "2024-01-29T22:17:07Z")

</div>

Hello I have a dashboard template node where I have: \<img src = https://username:password@url\_here.com:port/bla\> On the device hosting the website, I can access this link if I paste it directly into my PCs chrome br…

---

## [Visualizing Countdown](https://discourse.nodered.org/t/visualizing-countdown/85026)

<div class="topic-metadata">

**Author:** [@Berx](https://discourse.nodered.org/u/Berx)\
**Replies:** 1\
**Last updated:** [29 January 2024 20:28 UTC](https://discourse.nodered.org/t/visualizing-countdown/85026 "2024-01-29T20:28:56Z")

</div>

Hi, ... after an event, I would like to visualize preset time in a countdown graphicon my dashboard.. So far I have a function node, which is node triggered by an injector repeating number ''1' every 200 milliseconds j…

---

## [Overlapping dashboard groups](https://discourse.nodered.org/t/overlapping-dashboard-groups/84957)

<div class="topic-metadata">

**Author:** [@Berx](https://discourse.nodered.org/u/Berx)\
**Replies:** 5\
**Last updated:** [29 January 2024 20:20 UTC](https://discourse.nodered.org/t/overlapping-dashboard-groups/84957 "2024-01-29T20:20:46Z")

</div>

Is there a way to prevent the group boxes from overlapping other groups on dashboard ui's? I would be very thankful for any solutions/suggestions.

---

## [How to protect the dashboard with credentials for more than 1 users?](https://discourse.nodered.org/t/how-to-protect-the-dashboard-with-credentials-for-more-than-1-users/84999)

<div class="topic-metadata">

**Author:** [@SheldonC](https://discourse.nodered.org/u/SheldonC)\
**Replies:** 19\
**Last updated:** [28 January 2024 20:13 UTC](https://discourse.nodered.org/t/how-to-protect-the-dashboard-with-credentials-for-more-than-1-users/84999 "2024-01-28T20:13:51Z")

</div>

Hi everybody. At first: I'm new on this site. Is there a forum in german language available? My inquiry: I'm trying to set a username/password protection for my dashboard. This already works for my flow-editor, but t…

---

## [3D dashboards on NodeRed](https://discourse.nodered.org/t/3d-dashboards-on-nodered/84972)

<div class="topic-metadata">

**Author:** [@TakshDhabalia](https://discourse.nodered.org/u/TakshDhabalia)\
**Replies:** 5\
**Last updated:** [28 January 2024 12:51 UTC](https://discourse.nodered.org/t/3d-dashboards-on-nodered/84972 "2024-01-28T12:51:08Z")

</div>

Hey. I am new to Node-Red and have been using it to make an electric bike dashboard and I wanted to know if there is any way to create 3D objects , backgrounds or units without using things like Babylon.js or the default…

---

## [Scroll to bottom a text in the Dashboard](https://discourse.nodered.org/t/scroll-to-bottom-a-text-in-the-dashboard/84975)

<div class="topic-metadata">

**Author:** [@TheSaltydog](https://discourse.nodered.org/u/TheSaltydog)\
**Replies:** 3\
**Last updated:** [28 January 2024 08:46 UTC](https://discourse.nodered.org/t/scroll-to-bottom-a-text-in-the-dashboard/84975 "2024-01-28T08:46:56Z")

</div>

Hi, I am trying to display a custom log file in the Dashboard with the following flow: \[{"id":"2f49c88580f49880","type":"ui\_template","z":"fd95058a.48e3e8","group":"c8d32031ab47f343","name":"Events Log","order":1,"widt…

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

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