# Dashboard

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

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

**Page:** 56

---

## [\<button\> in 'ui template](https://discourse.nodered.org/t/button-in-ui-template/85601)

<div class="topic-metadata">

**Author:** [@Pawel2420](https://discourse.nodered.org/u/Pawel2420)\
**Replies:** 2\
**Last updated:** [16 February 2024 21:19 UTC](https://discourse.nodered.org/t/button-in-ui-template/85601 "2024-02-16T21:19:12Z")

</div>

I'm using Node-Red 3.1.3. I put the following code in ui\_template: \<script\> function myFunction(mac) {console.log("button click: "+mac); } \</script\> \<div ng-repeat="element in msg.payload"\> \<button onclick="myFunct…

---

## [Adjusting CSS for Day/Night (node-red-contrib-web-worldmap)](https://discourse.nodered.org/t/adjusting-css-for-day-night-node-red-contrib-web-worldmap/85573)

<div class="topic-metadata">

**Author:** [@digiital](https://discourse.nodered.org/u/digiital)\
**Replies:** 1\
**Last updated:** [16 February 2024 20:36 UTC](https://discourse.nodered.org/t/adjusting-css-for-day-night-node-red-contrib-web-worldmap/85573 "2024-02-16T20:36:12Z")

</div>

@dceejay Is there anyway to adjust the color/fill color on the day/night layer to make it darker? I find the default is not dark enough. Thanks

---

## [Date & Time in Dashboard 2 Tool bar](https://discourse.nodered.org/t/date-time-in-dashboard-2-tool-bar/85602)

<div class="topic-metadata">

**Author:** [@Buckskin](https://discourse.nodered.org/u/Buckskin)\
**Replies:** 0\
**Last updated:** [16 February 2024 19:52 UTC](https://discourse.nodered.org/t/date-time-in-dashboard-2-tool-bar/85602 "2024-02-16T19:52:44Z")

</div>

There have been several Date Time clocks for Dashboard 1, so having seen an example of how to show stuff in Dashboard 2 toolbar I thought I would try a clock for Dashboard 2. This goes in a D2 Template node as Widget ui…

---

## [Extract from array ,object](https://discourse.nodered.org/t/extract-from-array-object/85592)

<div class="topic-metadata">

**Author:** [@telescopio](https://discourse.nodered.org/u/telescopio)\
**Replies:** 12\
**Last updated:** [16 February 2024 18:12 UTC](https://discourse.nodered.org/t/extract-from-array-object/85592 "2024-02-16T18:12:11Z")

</div>

Need some help to extract form an Object 2/16/2024, 10:20:06 AM\[node: debug 90\](http://127.0.0.1:1880/#) msg.payload : array\[1\] array\[1\] 0: object intemp: "81.1" unit: "F" inhumi: "38%" abs: "29.95 inHg" rel: "2…

---

## [V-card background color](https://discourse.nodered.org/t/v-card-background-color/85578)

<div class="topic-metadata">

**Author:** [@nygma2004](https://discourse.nodered.org/u/nygma2004)\
**Replies:** 8\
**Last updated:** [16 February 2024 15:48 UTC](https://discourse.nodered.org/t/v-card-background-color/85578 "2024-02-16T15:48:58Z")

</div>

I want to replicate a notification function in DB2. I have a button with icon and badge teleported to the app-bar. The button is the activator to the menu that appears to show the notifications: The notification area …

---

## [Listen to input on dashboard 2 ui-template](https://discourse.nodered.org/t/listen-to-input-on-dashboard-2-ui-template/85545)

<div class="topic-metadata">

**Author:** [@Waz](https://discourse.nodered.org/u/Waz)\
**Replies:** 8\
**Last updated:** [16 February 2024 08:39 UTC](https://discourse.nodered.org/t/listen-to-input-on-dashboard-2-ui-template/85545 "2024-02-16T08:39:51Z")

</div>

Hi, I have a vuetify based radio button set. 3 Buttons. They output the state fine but I can't get them to change state given on input. I'd like to save all of the states to a database and then when DB2 fires up, it get…

---

## [HTML Template - use msg.payload](https://discourse.nodered.org/t/html-template-use-msg-payload/85557)

<div class="topic-metadata">

**Author:** [@FloRu](https://discourse.nodered.org/u/FloRu)\
**Replies:** 9\
**Last updated:** [15 February 2024 23:36 UTC](https://discourse.nodered.org/t/html-template-use-msg-payload/85557 "2024-02-15T23:36:31Z")

</div>

Hi! I please need your eyes, because I don't see my mistake... Tried to build a template node that shows the Title "ID" and copies on click msg.payload to the clipboard of the browser where it's being clicked. Here is …

---

## [Dashboard Login is annoying](https://discourse.nodered.org/t/dashboard-login-is-annoying/85260)

<div class="topic-metadata">

**Author:** [@Gawan](https://discourse.nodered.org/u/Gawan)\
**Replies:** 3\
**Last updated:** [15 February 2024 22:12 UTC](https://discourse.nodered.org/t/dashboard-login-is-annoying/85260 "2024-02-15T22:12:51Z")

</div>

Hi all, I have just created a login/user for my dashboard. Basically I want to have it, but it is very annoying to be used from my mobile (iPhone). Opening up the dashboard in my Safari Browser takes 10seconds until th…

---

## [Extract the dashboard as pdf](https://discourse.nodered.org/t/extract-the-dashboard-as-pdf/85328)

<div class="topic-metadata">

**Author:** [@younesDV](https://discourse.nodered.org/u/younesDV)\
**Replies:** 3\
**Last updated:** [15 February 2024 09:13 UTC](https://discourse.nodered.org/t/extract-the-dashboard-as-pdf/85328 "2024-02-15T09:13:13Z")

</div>

Hi, I'm asking if it is possible to extract the dashboard as a pdf by a simple click ? thanks

---

## [Dashboard 2 button explanation](https://discourse.nodered.org/t/dashboard-2-button-explanation/85542)

<div class="topic-metadata">

**Author:** [@gerry](https://discourse.nodered.org/u/gerry)\
**Replies:** 2\
**Last updated:** [15 February 2024 07:00 UTC](https://discourse.nodered.org/t/dashboard-2-button-explanation/85542 "2024-02-15T07:00:13Z")

</div>

Trying to get Dashboard 2 running and hit something I don't understand. As shown in pix 1 The button in the group shows just fine. I don't connect anything to it and when I put MyCSS text on the same page I get this …

---

## [Really basic problem trying to set CSS for a text box in Dashboard 2](https://discourse.nodered.org/t/really-basic-problem-trying-to-set-css-for-a-text-box-in-dashboard-2/85470)

<div class="topic-metadata">

**Author:** [@gerry](https://discourse.nodered.org/u/gerry)\
**Replies:** 5\
**Last updated:** [14 February 2024 21:26 UTC](https://discourse.nodered.org/t/really-basic-problem-trying-to-set-css-for-a-text-box-in-dashboard-2/85470 "2024-02-14T21:26:31Z")

</div>

One text box, one CSS thingie, and I can't get the box or text to change color, somewhere I am really missing the boat, can anyone point out what I am missing \[{"id":"0e7ec42d35bd7059","type":"ui-text","z":"1ea15e8ec7c9…

---

## [Constantly having to authorize when using static links](https://discourse.nodered.org/t/constantly-having-to-authorize-when-using-static-links/85468)

<div class="topic-metadata">

**Author:** [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Replies:** 6\
**Last updated:** [14 February 2024 19:25 UTC](https://discourse.nodered.org/t/constantly-having-to-authorize-when-using-static-links/85468 "2024-02-14T19:25:59Z")

</div>

I'm using example buttons - Dashboard 2 Beta development - #162 by hotNipi but finding whenever I load the DB page I have to re-authorized it :hot\_face: I'm using httpStaticAuth to protect endpoints, and thinking that i…

---

## [Dynamically adding ui\_group](https://discourse.nodered.org/t/dynamically-adding-ui-group/85503)

<div class="topic-metadata">

**Author:** [@Pawel2420](https://discourse.nodered.org/u/Pawel2420)\
**Replies:** 1\
**Last updated:** [13 February 2024 21:00 UTC](https://discourse.nodered.org/t/dynamically-adding-ui-group/85503 "2024-02-13T21:00:49Z")

</div>

I'm a beginner. I need to add/remove ui\_group dynamically. Is this possible in Node-RED 3.1.3 ?

---

## [Dashboard-2 Button Icons](https://discourse.nodered.org/t/dashboard-2-button-icons/85494)

<div class="topic-metadata">

**Author:** [@m661](https://discourse.nodered.org/u/m661)\
**Replies:** 2\
**Last updated:** [13 February 2024 18:13 UTC](https://discourse.nodered.org/t/dashboard-2-button-icons/85494 "2024-02-13T18:13:56Z")

</div>

Trying to migrate to dashboard... How can I add an icon to a button like in dashboard 1 thanks

---

## [Weather card - struggling with methods](https://discourse.nodered.org/t/weather-card-struggling-with-methods/85434)

<div class="topic-metadata">

**Author:** [@nygma2004](https://discourse.nodered.org/u/nygma2004)\
**Replies:** 7\
**Last updated:** [12 February 2024 19:34 UTC](https://discourse.nodered.org/t/weather-card-struggling-with-methods/85434 "2024-02-12T19:34:45Z")

</div>

I am trying to implement the Weather Card example in the Vuetify v-card example to Dashoard 2.0. And I want this to work with a OWM OneCall response, like this: {"lat":47.4979,"lon":19.0402,"timezone":"Europe/Budapest",…

---

## [Gauge looks awesome, some details are a bit off](https://discourse.nodered.org/t/gauge-looks-awesome-some-details-are-a-bit-off/85453)

<div class="topic-metadata">

**Author:** [@nygma2004](https://discourse.nodered.org/u/nygma2004)\
**Replies:** 2\
**Last updated:** [12 February 2024 13:51 UTC](https://discourse.nodered.org/t/gauge-looks-awesome-some-details-are-a-bit-off/85453 "2024-02-12T13:51:20Z")

</div>

I updated Dashboard 2.0 and started playing around with the gauge. First of all, I think the Half Gauge and the 3/4 Gauge looks awesome, and the transitions are also looking very nice. But it looks like segments outside…

---

## [Using CSS to transform Dashboard 2 widgets](https://discourse.nodered.org/t/using-css-to-transform-dashboard-2-widgets/85407)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 5\
**Last updated:** [11 February 2024 17:23 UTC](https://discourse.nodered.org/t/using-css-to-transform-dashboard-2-widgets/85407 "2024-02-11T17:23:00Z")

</div>

We have seen how Dashboard 1 widgets can be completely transformed with CSS. Is it possible for Dashboard 2 widgets to come with a summary of the relevant CSS classes to style them, eg the class used for the icon, legen…

---

## [Dashboard 2.0 gauge configuration by messages?](https://discourse.nodered.org/t/dashboard-2-0-gauge-configuration-by-messages/85399)

<div class="topic-metadata">

**Author:** [@Colin](https://discourse.nodered.org/u/Colin)\
**Replies:** 2\
**Last updated:** [10 February 2024 17:46 UTC](https://discourse.nodered.org/t/dashboard-2-0-gauge-configuration-by-messages/85399 "2024-02-10T17:46:57Z")

</div>

Am I right in thinking that configuration of the gauge in Dashboard 2.0 by messages is not yet supported? In particular I need to be able to adjust the segment boundaries at run time.

---

## [Change text color in dashboard 2.0 chart node?](https://discourse.nodered.org/t/change-text-color-in-dashboard-2-0-chart-node/85381)

<div class="topic-metadata">

**Author:** [@sgalke](https://discourse.nodered.org/u/sgalke)\
**Replies:** 1\
**Last updated:** [9 February 2024 20:19 UTC](https://discourse.nodered.org/t/change-text-color-in-dashboard-2-0-chart-node/85381 "2024-02-09T20:19:09Z")

</div>

hi, i am experimenting with a dark theme and want to change the text color to white. how can i do that??

---

## [Use the same ui-template node multiple times](https://discourse.nodered.org/t/use-the-same-ui-template-node-multiple-times/85352)

<div class="topic-metadata">

**Author:** [@rko](https://discourse.nodered.org/u/rko)\
**Replies:** 8\
**Last updated:** [9 February 2024 14:49 UTC](https://discourse.nodered.org/t/use-the-same-ui-template-node-multiple-times/85352 "2024-02-09T14:49:57Z")

</div>

I am using the same template node multiple times (copies). Let's say I want to change something in the template code. That means, I have to do the same change in all template nodes. Is there a way to avoid this? For exam…

---

## [Dashboard 2.0 ui Graph Multiple Bars](https://discourse.nodered.org/t/dashboard-2-0-ui-graph-multiple-bars/85336)

<div class="topic-metadata">

**Author:** [@jwj001](https://discourse.nodered.org/u/jwj001)\
**Replies:** 7\
**Last updated:** [9 February 2024 10:11 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-graph-multiple-bars/85336 "2024-02-09T10:11:16Z")

</div>

I am new to node-red, i have started using Dashboard v2 and i am struggling with the way to put my data together to generate a bar chart. Between google and forums i have been able to get some bars on the graph. I am try…

---

## [How to smoothen the counter display](https://discourse.nodered.org/t/how-to-smoothen-the-counter-display/85345)

<div class="topic-metadata">

**Author:** [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Replies:** 1\
**Last updated:** [9 February 2024 09:48 UTC](https://discourse.nodered.org/t/how-to-smoothen-the-counter-display/85345 "2024-02-09T09:48:22Z")

</div>

Hi, I have a input from a source which gives me a count every 1 second (usually 3 to 5, maximum 6). I want to totalise this and display as a cumulative counter for one minute and reset. currently the Minute counter displ…

---

## [Dashboard 2 template vertical slider height](https://discourse.nodered.org/t/dashboard-2-template-vertical-slider-height/85233)

<div class="topic-metadata">

**Author:** [@RedTom](https://discourse.nodered.org/u/RedTom)\
**Replies:** 6\
**Last updated:** [8 February 2024 11:34 UTC](https://discourse.nodered.org/t/dashboard-2-template-vertical-slider-height/85233 "2024-02-08T11:34:22Z")

</div>

Hi, I am new to html,css and javascript programming (only did some c- or c++ programming). I try to make some tests with an ui template that I want to use to control shutters. I want to reduce the height of the verti…

---

## [How to change type data word to float?](https://discourse.nodered.org/t/how-to-change-type-data-word-to-float/85279)

<div class="topic-metadata">

**Author:** [@Sobri](https://discourse.nodered.org/u/Sobri)\
**Replies:** 15\
**Last updated:** [8 February 2024 04:10 UTC](https://discourse.nodered.org/t/how-to-change-type-data-word-to-float/85279 "2024-02-08T04:10:43Z")

</div>

I have successfully connected Mitsubishi PLC type Q to GX Work 2 and to node red using MC Read, the problem is that the output of MC Read for the feed address and speed is word data type, while for temperature the data t…

---

## [Node red dashboard UI table](https://discourse.nodered.org/t/node-red-dashboard-ui-table/85299)

<div class="topic-metadata">

**Author:** [@Nilava1992](https://discourse.nodered.org/u/Nilava1992)\
**Replies:** 2\
**Last updated:** [7 February 2024 19:53 UTC](https://discourse.nodered.org/t/node-red-dashboard-ui-table/85299 "2024-02-07T19:53:10Z")

</div>

Hi all, I have a simple ui\_table in node red dashboard. The table may contain large number of rows. I want to add 2 buttons in that dashboard to scroll up and scroll down through the table. Is there any solution for this…

---

## [Set max value in “VProgressCircular” (ui-template)](https://discourse.nodered.org/t/set-max-value-in-vprogresscircular-ui-template/85275)

<div class="topic-metadata">

**Author:** [@MecatronicaMADE](https://discourse.nodered.org/u/MecatronicaMADE)\
**Replies:** 2\
**Last updated:** [7 February 2024 15:00 UTC](https://discourse.nodered.org/t/set-max-value-in-vprogresscircular-ui-template/85275 "2024-02-07T15:00:59Z")

</div>

Hi, Is there any way to set max value in “VProgressCircular” vuetify component, I’ve been learning about how to use vuetify components with ui-template node of Dashboard 2. In the API there is a way to set max value i…

---

## [Using template node with if else condition](https://discourse.nodered.org/t/using-template-node-with-if-else-condition/85176)

<div class="topic-metadata">

**Author:** [@RudolfTheRedNode](https://discourse.nodered.org/u/RudolfTheRedNode)\
**Replies:** 10\
**Last updated:** [7 February 2024 03:29 UTC](https://discourse.nodered.org/t/using-template-node-with-if-else-condition/85176 "2024-02-07T03:29:08Z")

</div>

Hi All, I am developing a dashboard, but I want to hide the image in dashboard that is why I need to come up with this program that can hide the image using template node. Shown below is my code inside template node. B…

---

## [Progress circular](https://discourse.nodered.org/t/progress-circular/85265)

<div class="topic-metadata">

**Author:** [@nygma2004](https://discourse.nodered.org/u/nygma2004)\
**Replies:** 7\
**Last updated:** [6 February 2024 23:04 UTC](https://discourse.nodered.org/t/progress-circular/85265 "2024-02-06T23:04:26Z")

</div>

I am playing around with v-progress-circular in the template node. I added the below code to the template node and when I inject the percentage as a number in msg.payload it updates the progress: Nice, this is the cod…

---

## [Pasting examples: multiple ui-base config](https://discourse.nodered.org/t/pasting-examples-multiple-ui-base-config/85236)

<div class="topic-metadata">

**Author:** [@nygma2004](https://discourse.nodered.org/u/nygma2004)\
**Replies:** 4\
**Last updated:** [6 February 2024 17:18 UTC](https://discourse.nodered.org/t/pasting-examples-multiple-ui-base-config/85236 "2024-02-06T17:18:12Z")

</div>

When I paste examples from here to play around with Dashboard 2.0 examples, I end up adding additional ui-base nodes and I get errors to remove it. Are there any tricks that I missed? Or is there a best naming practice …

---

## [Override or customise baseline layout](https://discourse.nodered.org/t/override-or-customise-baseline-layout/85160)

<div class="topic-metadata">

**Author:** [@Waz](https://discourse.nodered.org/u/Waz)\
**Replies:** 11\
**Last updated:** [6 February 2024 12:07 UTC](https://discourse.nodered.org/t/override-or-customise-baseline-layout/85160 "2024-02-06T12:07:20Z")

</div>

I've done my best at trying to understand Layout managers but I can't get this working. I'd really only like to tweak the baseline layout anyway. Is it possible to do this or do I need to set up a full alternative layou…

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

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