# Dashboard

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

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

**Page:** 40

---

## [Ui-template in subflow, access subflow properties in template](https://discourse.nodered.org/t/ui-template-in-subflow-access-subflow-properties-in-template/89809)

<div class="topic-metadata">

**Author:** [@RedTom](https://discourse.nodered.org/u/RedTom)\
**Replies:** 3\
**Last updated:** [27 July 2024 16:16 UTC](https://discourse.nodered.org/t/ui-template-in-subflow-access-subflow-properties-in-template/89809 "2024-07-27T16:16:45Z")

</div>

Hi, I have an ui-template in a subflow, It has a variable label which I want to set by the subflow properties. For test I added a textfield to the subflow with Label={label}. I added an inject node which injects a me…

---

## [How to place switch icon after label (left aligned)](https://discourse.nodered.org/t/how-to-place-switch-icon-after-label-left-aligned/89810)

<div class="topic-metadata">

**Author:** [@RedTom](https://discourse.nodered.org/u/RedTom)\
**Replies:** 2\
**Last updated:** [27 July 2024 11:27 UTC](https://discourse.nodered.org/t/how-to-place-switch-icon-after-label-left-aligned/89810 "2024-07-27T11:27:00Z")

</div>

Hi, When I place some switches with icons in a row, it is difficult to see, to which label the icon belongs. Looking at the following picture, it looks like the green open door belongs to door2. How can I place the …

---

## [Changing the date and time format](https://discourse.nodered.org/t/changing-the-date-and-time-format/89736)

<div class="topic-metadata">

**Author:** [@xfear1](https://discourse.nodered.org/u/xfear1)\
**Replies:** 2\
**Last updated:** [26 July 2024 15:49 UTC](https://discourse.nodered.org/t/changing-the-date-and-time-format/89736 "2024-07-26T15:49:52Z")

</div>

Hello! I am having trouble changing the date format for my chart, I am stuck with the following way: Can I change to 24/07 15:40 instead of the way is currently displaying? Another problem, how can I input the curr…

---

## [Dashboard Chart- array input](https://discourse.nodered.org/t/dashboard-chart-array-input/89768)

<div class="topic-metadata">

**Author:** [@JoseGodinho](https://discourse.nodered.org/u/JoseGodinho)\
**Replies:** 5\
**Last updated:** [26 July 2024 14:37 UTC](https://discourse.nodered.org/t/dashboard-chart-array-input/89768 "2024-07-26T14:37:36Z")

</div>

Hello All, I would appreciate your support in configuring the node chart on Dashboard 2 to represent the following data: var payload={ "series":\["text"\], "data":\[\], "labels": };

---

## [New in Dashboard 2.0: Pie Charts, Donut Charts, Grouped & Stacked Bar Charts](https://discourse.nodered.org/t/new-in-dashboard-2-0-pie-charts-donut-charts-grouped-stacked-bar-charts/89793)

<div class="topic-metadata">

**Author:** [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Replies:** 0\
**Last updated:** [26 July 2024 13:40 UTC](https://discourse.nodered.org/t/new-in-dashboard-2-0-pie-charts-donut-charts-grouped-stacked-bar-charts/89793 "2024-07-26T13:40:27Z")

</div>

Hi All, just an update to say that with the latest 1.14.0 release of FlowFuse Dashboard (Dashboard 2.0) we've added a nice collection of new charts. You can read more about them here: New Charts Available in FlowFuse Da…

---

## [Dashboard 2.0 Classic design multi needle gauge. Call for testing](https://discourse.nodered.org/t/dashboard-2-0-classic-design-multi-needle-gauge-call-for-testing/88383)

<div class="topic-metadata">

**Author:** [@Colin](https://discourse.nodered.org/u/Colin)\
**Replies:** 73\
**Last updated:** [26 July 2024 13:09 UTC](https://discourse.nodered.org/t/dashboard-2-0-classic-design-multi-needle-gauge-call-for-testing/88383 "2024-07-26T13:09:55Z")

</div>

I have released a new Dashboard 2 gauge node, with a design based on that by @hotNipi. If anyone has the time and inclination to give it a go I would be most grateful. It allows the use of multiple needles so gauges su…

---

## [Dashboard 2 Question](https://discourse.nodered.org/t/dashboard-2-question/89759)

<div class="topic-metadata">

**Author:** [@Roland](https://discourse.nodered.org/u/Roland)\
**Replies:** 33\
**Last updated:** [26 July 2024 11:35 UTC](https://discourse.nodered.org/t/dashboard-2-question/89759 "2024-07-26T11:35:11Z")

</div>

I am testing Dashboard 2 to migrate my frontend. Among other things I try some nodes, which are developed for the new dashboard. For example iframe, gauge-classic and flowviewer. The problem is that different from the s…

---

## [Need for a "global" group](https://discourse.nodered.org/t/need-for-a-global-group/89735)

<div class="topic-metadata">

**Author:** [@mcdonald\_ajr](https://discourse.nodered.org/u/mcdonald_ajr)\
**Replies:** 3\
**Last updated:** [26 July 2024 10:10 UTC](https://discourse.nodered.org/t/need-for-a-global-group/89735 "2024-07-26T10:10:42Z")

</div>

I have a need for the same field to appear on every page. Example is an LED that flashes green to indicate that data is being received and that the Pi has not hung. Also a command line at the bottom of the screen with a …

---

## [Dashboard 1 - best-practice for capturing taps](https://discourse.nodered.org/t/dashboard-1-best-practice-for-capturing-taps/89782)

<div class="topic-metadata">

**Author:** [@jpadie](https://discourse.nodered.org/u/jpadie)\
**Replies:** 2\
**Last updated:** [26 July 2024 09:31 UTC](https://discourse.nodered.org/t/dashboard-1-best-practice-for-capturing-taps/89782 "2024-07-26T09:31:05Z")

</div>

Hello I'm looking at an iot dashboard where the landing page will be a bunch of categorised information, where each information block will be tapable to drill down into configs and deeper info for that category. an exa…

---

## [How can I fill the entire screen using template node of node-red-dashboard pallette?](https://discourse.nodered.org/t/how-can-i-fill-the-entire-screen-using-template-node-of-node-red-dashboard-pallette/89748)

<div class="topic-metadata">

**Author:** [@arseny-sandaar](https://discourse.nodered.org/u/arseny-sandaar)\
**Replies:** 3\
**Last updated:** [25 July 2024 08:54 UTC](https://discourse.nodered.org/t/how-can-i-fill-the-entire-screen-using-template-node-of-node-red-dashboard-pallette/89748 "2024-07-25T08:54:14Z")

</div>

How can I fill the entire screen using template node of node-red-dashboard package? Pallette: node-red-dashboard 3.6.2 Node: template Options: Hide the title bar Sizes: 1x1 Horizontal 59, Vertical 59 (This was set to…

---

## [Add icon in treeview parent](https://discourse.nodered.org/t/add-icon-in-treeview-parent/89449)

<div class="topic-metadata">

**Author:** [@KarolisL](https://discourse.nodered.org/u/KarolisL)\
**Replies:** 12\
**Last updated:** [25 July 2024 07:08 UTC](https://discourse.nodered.org/t/add-icon-in-treeview-parent/89449 "2024-07-25T07:08:19Z")

</div>

Hello, how to add icon in treeview parent? Example from vuetify https://play.vuetifyjs.com/#eNqtVcGOmzAQ/RWXC7vSmpx6QdlUK3WPVaVek6hybMN6Y2wEJksU8e8dmwB2ljSNVA6A37x5M/bMwPoU1RVdvJRlcmh4lEZLw4tSEsNXG4XQ8oBNxflB8A+7ROiAC8…

---

## [Text Input (date) sends value 3 times](https://discourse.nodered.org/t/text-input-date-sends-value-3-times/89741)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 4\
**Last updated:** [25 July 2024 06:51 UTC](https://discourse.nodered.org/t/text-input-date-sends-value-3-times/89741 "2024-07-25T06:51:34Z")

</div>

Edit - I changed the title. At first I thought it only happens if I set flow context, but nope. If I select 31st December with this flow (beware of importing it, your dashboard 2 may become broke) \[{"id":"e5d957b7e2…

---

## [Ui-slider as a date or time picker?](https://discourse.nodered.org/t/ui-slider-as-a-date-or-time-picker/89725)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 6\
**Last updated:** [24 July 2024 20:00 UTC](https://discourse.nodered.org/t/ui-slider-as-a-date-or-time-picker/89725 "2024-07-24T20:00:42Z")

</div>

In the absence of a date picker node for dashboard 2, how easy would it be to make the ui-slider work as a date/time picker? I suppose, in the background the range min and max could be set as epoch (in seconds?) So 17…

---

## [Clearing chart problem](https://discourse.nodered.org/t/clearing-chart-problem/89734)

<div class="topic-metadata">

**Author:** [@xfear1](https://discourse.nodered.org/u/xfear1)\
**Replies:** 2\
**Last updated:** [24 July 2024 19:10 UTC](https://discourse.nodered.org/t/clearing-chart-problem/89734 "2024-07-24T19:10:21Z")

</div>

Hello! I want to clear my chart at midnight, how can I do that? I saw there is a command in the chart help saying this: Inputting a msg.payload containing a blank array \[\] will clear the chart. But I am kind of new w…

---

## [V-card to use width of group](https://discourse.nodered.org/t/v-card-to-use-width-of-group/89612)

<div class="topic-metadata">

**Author:** [@nygma2004](https://discourse.nodered.org/u/nygma2004)\
**Replies:** 6\
**Last updated:** [24 July 2024 13:33 UTC](https://discourse.nodered.org/t/v-card-to-use-width-of-group/89612 "2024-07-24T13:33:15Z")

</div>

I have a simple-ish page which is set to Grid layout, and 3 groups each set to 6x1. In each group, there is a template node. In each template I used a v-card which I have given a width of 500: This all looks good on …

---

## [How to sync the FULL config between server and client side state](https://discourse.nodered.org/t/how-to-sync-the-full-config-between-server-and-client-side-state/89252)

<div class="topic-metadata">

**Author:** [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Replies:** 80\
**Last updated:** [24 July 2024 13:22 UTC](https://discourse.nodered.org/t/how-to-sync-the-full-config-between-server-and-client-side-state/89252 "2024-07-24T13:22:11Z")

</div>

Hi folks, In the old AngularJs dashboard there was a mechanism called msg replay, which meant that the last input message was send again to the client side widget (e.g. when the browser page was refreshed). That way yo…

---

## [Order groups first vertical](https://discourse.nodered.org/t/order-groups-first-vertical/89664)

<div class="topic-metadata">

**Author:** [@Bolukan](https://discourse.nodered.org/u/Bolukan)\
**Replies:** 6\
**Last updated:** [24 July 2024 13:21 UTC](https://discourse.nodered.org/t/order-groups-first-vertical/89664 "2024-07-24T13:21:20Z")

</div>

I am looking for a dashboard configuration to sort the groups from left to right into columns and within each column from top to bottom. The default sorting is from top to bottom first. This is an example of a flexible …

---

## [Hide charts with buttons](https://discourse.nodered.org/t/hide-charts-with-buttons/89700)

<div class="topic-metadata">

**Author:** [@dkssudgktpdy](https://discourse.nodered.org/u/dkssudgktpdy)\
**Replies:** 3\
**Last updated:** [24 July 2024 09:20 UTC](https://discourse.nodered.org/t/hide-charts-with-buttons/89700 "2024-07-24T09:20:41Z")

</div>

A chart is created when you press the button using the button node and template node, and when you press the button one more time, I want to hide the chart, but if I hide the chart, the scroll bar keeps popping up. I wa…

---

## [Amcharts chart dont show in DB2](https://discourse.nodered.org/t/amcharts-chart-dont-show-in-db2/88987)

<div class="topic-metadata">

**Author:** [@Kundepuu](https://discourse.nodered.org/u/Kundepuu)\
**Replies:** 1\
**Last updated:** [24 July 2024 06:31 UTC](https://discourse.nodered.org/t/amcharts-chart-dont-show-in-db2/88987 "2024-07-24T06:31:13Z")

</div>

I have in my flow amcharts demo charts code both DB1 and DB2 template nodes. I cant get showing chart in DB2. Any help? DB1 \[ { "id": "7cfbf307c75b7796", "type": "tab", "label": "DB1", …

---

## [Touch events and mobile compatability in Dashboard 2.0](https://discourse.nodered.org/t/touch-events-and-mobile-compatability-in-dashboard-2-0/89685)

<div class="topic-metadata">

**Author:** [@HaroldPetersInskipp](https://discourse.nodered.org/u/HaroldPetersInskipp)\
**Replies:** 6\
**Last updated:** [23 July 2024 17:44 UTC](https://discourse.nodered.org/t/touch-events-and-mobile-compatability-in-dashboard-2-0/89685 "2024-07-23T17:44:24Z")

</div>

So in the process of migrating from the old Dashboard to the new one I have run into a few minor issue that I can't seem to find a quick answer for. EDIT: IGNORE PROBLEM NUMBER ONE In the old dashboard I used the foll…

---

## [Single Widgets visibility](https://discourse.nodered.org/t/single-widgets-visibility/89689)

<div class="topic-metadata">

**Author:** [@KarolisL](https://discourse.nodered.org/u/KarolisL)\
**Replies:** 3\
**Last updated:** [23 July 2024 15:58 UTC](https://discourse.nodered.org/t/single-widgets-visibility/89689 "2024-07-23T15:58:50Z")

</div>

Is there a way how to do hide/show single widgets instead of group? (Of course I can move required widget to separate group) I've looked into documentation Control ui-control | Node-RED Dashboard 2.0 My end goal is to …

---

## [Centering gauges in dashboard 2](https://discourse.nodered.org/t/centering-gauges-in-dashboard-2/89667)

<div class="topic-metadata">

**Author:** [@juntiedt](https://discourse.nodered.org/u/juntiedt)\
**Replies:** 7\
**Last updated:** [23 July 2024 10:53 UTC](https://discourse.nodered.org/t/centering-gauges-in-dashboard-2/89667 "2024-07-23T10:53:05Z")

</div>

How can I center the gauges horizontaly in dashboard 2? Total width is 4 and the gauges are 3x3

---

## [More dumb Dashboard 2 questions](https://discourse.nodered.org/t/more-dumb-dashboard-2-questions/89625)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 6\
**Last updated:** [23 July 2024 08:08 UTC](https://discourse.nodered.org/t/more-dumb-dashboard-2-questions/89625 "2024-07-23T08:08:06Z")

</div>

My first working (sort of) dashboard has a single group size 12 x 1 \[sic\] units. There is a chart size 12 x 3 units at the top. Floating to below that: a table 3x2 \[sic\] and a text input field 2x1 \[sic\] And below that…

---

## [CSS question - template / ui-template node CSS](https://discourse.nodered.org/t/css-question-template-ui-template-node-css/89666)

<div class="topic-metadata">

**Author:** [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Replies:** 1\
**Last updated:** [23 July 2024 06:28 UTC](https://discourse.nodered.org/t/css-question-template-ui-template-node-css/89666 "2024-07-23T06:28:48Z")

</div>

\[{"id":"1b987d6f1b3ed9d3","type":"ui\_template","z":"5b623fd31ca86a42","group":"6339e2ead216512f","name":"","order":1,"width":"30","height":"22","format":"","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":t…

---

## [Dashboard 2 send message on button push](https://discourse.nodered.org/t/dashboard-2-send-message-on-button-push/89656)

<div class="topic-metadata">

**Author:** [@gerry](https://discourse.nodered.org/u/gerry)\
**Replies:** 5\
**Last updated:** [22 July 2024 13:46 UTC](https://discourse.nodered.org/t/dashboard-2-send-message-on-button-push/89656 "2024-07-22T13:46:53Z")

</div>

between Dr. Google and chatgpt I've managed to get a thingie cobbled together. The buttons work and change color but I cannot get any message out of the node. \[{"id":"22d3b09c875ea7cd","type":"ui-template","z":"fa9ba6ad…

---

## [Installing Dashboard 2.0 offline](https://discourse.nodered.org/t/installing-dashboard-2-0-offline/89669)

<div class="topic-metadata">

**Author:** [@omrid](https://discourse.nodered.org/u/omrid)\
**Replies:** 5\
**Last updated:** [22 July 2024 13:36 UTC](https://discourse.nodered.org/t/installing-dashboard-2-0-offline/89669 "2024-07-22T13:36:40Z")

</div>

Sorry if this is a repost, but would appreciate your help: We run Node-red on a few Linux environments that are disconnected from the internet. the installation was done by copying as-is the user & Node-red directories …

---

## [Question about node-red-contrib-ui-babylonjs-3d Updating Material properties](https://discourse.nodered.org/t/question-about-node-red-contrib-ui-babylonjs-3d-updating-material-properties/89663)

<div class="topic-metadata">

**Author:** [@OrangeRaspberry](https://discourse.nodered.org/u/OrangeRaspberry)\
**Replies:** 0\
**Last updated:** [22 July 2024 10:10 UTC](https://discourse.nodered.org/t/question-about-node-red-contrib-ui-babylonjs-3d-updating-material-properties/89663 "2024-07-22T10:10:25Z")

</div>

Is it possible to update transparent color for 3d mesh? It is possible to set matirial alpha value to get transparent color when I use node-red-contrib-web-babylonjs.

---

## [How can node-red-dashboard-2 login dialog/pop-up be customized?](https://discourse.nodered.org/t/how-can-node-red-dashboard-2-login-dialog-pop-up-be-customized/89638)

<div class="topic-metadata">

**Author:** [@pandoras\_node](https://discourse.nodered.org/u/pandoras_node)\
**Replies:** 2\
**Last updated:** [22 July 2024 07:20 UTC](https://discourse.nodered.org/t/how-can-node-red-dashboard-2-login-dialog-pop-up-be-customized/89638 "2024-07-22T07:20:34Z")

</div>

Hello. Title explains. I want to center the login dialog and add a logo.

---

## [I would like to inquire about the dropdown node](https://discourse.nodered.org/t/i-would-like-to-inquire-about-the-dropdown-node/89559)

<div class="topic-metadata">

**Author:** [@Athurian](https://discourse.nodered.org/u/Athurian)\
**Replies:** 8\
**Last updated:** [22 July 2024 03:11 UTC](https://discourse.nodered.org/t/i-would-like-to-inquire-about-the-dropdown-node/89559 "2024-07-22T03:11:43Z")

</div>

I would like to inquire about the dropdown node. I am using a drop-down node. Is it possible to configure the data transmission method to allow transmission only when a button is pressed? For the current dropdown, if y…

---

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

<div class="topic-metadata">

**Author:** [@juntiedt](https://discourse.nodered.org/u/juntiedt)\
**Replies:** 13\
**Last updated:** [20 July 2024 10:58 UTC](https://discourse.nodered.org/t/dashboard-2-template/89607 "2024-07-20T10:58:01Z")

</div>

These 3 lines worked perfectly on Dashboard 1. What do I have to write to get the same output with dashboard 2? \<div style="color:{{msg.color}}; margin:auto;" \<i class="{{msg.icon}}" aria-hidden="true"\>\</i\> \</div\> \<div\>…

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

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