# Dashboard

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

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

**Page:** 164

---

## [How to Place Multiple groups in vertical manner](https://discourse.nodered.org/t/how-to-place-multiple-groups-in-vertical-manner/31774)

<div class="topic-metadata">

**Author:** [@makram](https://discourse.nodered.org/u/makram)\
**Replies:** 3\
**Last updated:** [20 August 2020 17:18 UTC](https://discourse.nodered.org/t/how-to-place-multiple-groups-in-vertical-manner/31774 "2020-08-20T17:18:33Z")

</div>

Hi all, How can i arrange multiple groups in vertical order in TAB. As i am only able to place them using layout in horizontal manner but i want to place them in vertical manner.

---

## [Passing parameters to UI Control node in the dashboard?](https://discourse.nodered.org/t/passing-parameters-to-ui-control-node-in-the-dashboard/31732)

<div class="topic-metadata">

**Author:** [@rawdani](https://discourse.nodered.org/u/rawdani)\
**Replies:** 4\
**Last updated:** [20 August 2020 12:38 UTC](https://discourse.nodered.org/t/passing-parameters-to-ui-control-node-in-the-dashboard/31732 "2020-08-20T12:38:38Z")

</div>

Hi, I want to use the "UI Control" node to change betweens tabs through when a "change" command is fired. I need however to have the information on where the change command is coming from. To better explain, I have a b…

---

## [Alternative to Radio buttons](https://discourse.nodered.org/t/alternative-to-radio-buttons/31746)

<div class="topic-metadata">

**Author:** [@davej](https://discourse.nodered.org/u/davej)\
**Replies:** 4\
**Last updated:** [19 August 2020 21:31 UTC](https://discourse.nodered.org/t/alternative-to-radio-buttons/31746 "2020-08-19T21:31:37Z")

</div>

Just throwing out a general question. With Radio Buttons not being available as part of standard Node Red, what are folk using as a suitable alternative? Seems like it was a decision made some years ago as not consi…

---

## [Domain pointing to online hosted node-red](https://discourse.nodered.org/t/domain-pointing-to-online-hosted-node-red/31651)

<div class="topic-metadata">

**Author:** [@JCLeuvennink](https://discourse.nodered.org/u/JCLeuvennink)\
**Replies:** 1\
**Last updated:** [19 August 2020 19:33 UTC](https://discourse.nodered.org/t/domain-pointing-to-online-hosted-node-red/31651 "2020-08-19T19:33:53Z")

</div>

I am working on a project where I want to host an online node-red dashboard that is accessible through a domain on the internet. I have an oracle cloud VM, have installed node-red, generated an SSL certificate for it us…

---

## [Dashboard - ui\_date\_picker only results in "invalid date"](https://discourse.nodered.org/t/dashboard-ui-date-picker-only-results-in-invalid-date/31471)

<div class="topic-metadata">

**Author:** [@bausi2k](https://discourse.nodered.org/u/bausi2k)\
**Replies:** 11\
**Last updated:** [19 August 2020 05:36 UTC](https://discourse.nodered.org/t/dashboard-ui-date-picker-only-results-in-invalid-date/31471 "2020-08-19T05:36:21Z")

</div>

Hi, i have two docker NR instances which are almost exactly the same. The just grab data from MQTT and present them in a dashboard. So far so good. I implemented a ui\_date\_picker in the first dashboard, send the data t…

---

## [EXAMPLE (template) - displaying a list using Radio buttons, returning the selection, reversing the selection](https://discourse.nodered.org/t/example-template-displaying-a-list-using-radio-buttons-returning-the-selection-reversing-the-selection/670)

<div class="topic-metadata">

**Author:** [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Replies:** 5\
**Last updated:** [18 August 2020 15:44 UTC](https://discourse.nodered.org/t/example-template-displaying-a-list-using-radio-buttons-returning-the-selection-reversing-the-selection/670 "2020-08-18T15:44:59Z")

</div>

Problem: You have a list of items that you want to display and allow the user to select one and return that to the flow. In this case we will display a list of songs and show how to return the one picked. In addition, to…

---

## [Line Chart - X Axis Zoom?](https://discourse.nodered.org/t/line-chart-x-axis-zoom/31705)

<div class="topic-metadata">

**Author:** [@Rs3hc](https://discourse.nodered.org/u/Rs3hc)\
**Replies:** 0\
**Last updated:** [18 August 2020 21:37 UTC](https://discourse.nodered.org/t/line-chart-x-axis-zoom/31705 "2020-08-18T21:37:59Z")

</div>

Is it possible to set this value by msg.ui\_control ? Didn´t find it in https://github.com/…/node-red-…/blob/master/config-fields.md

---

## [RPI4 fresh install all dashboard nodes missing](https://discourse.nodered.org/t/rpi4-fresh-install-all-dashboard-nodes-missing/31680)

<div class="topic-metadata">

**Author:** [@heinohein](https://discourse.nodered.org/u/heinohein)\
**Replies:** 2\
**Last updated:** [18 August 2020 20:53 UTC](https://discourse.nodered.org/t/rpi4-fresh-install-all-dashboard-nodes-missing/31680 "2020-08-18T20:53:03Z")

</div>

I am installing a new RPI4. I used the bash \<(curl -sL https://raw.githubusercontent.com/node-red/linux-installers/master/deb/update-nodejs-and-nodered) method. After the installation on the flow page of the pallet on t…

---

## [Use Switch to show current state](https://discourse.nodered.org/t/use-switch-to-show-current-state/31665)

<div class="topic-metadata">

**Author:** [@alexmacabu](https://discourse.nodered.org/u/alexmacabu)\
**Replies:** 21\
**Last updated:** [18 August 2020 17:29 UTC](https://discourse.nodered.org/t/use-switch-to-show-current-state/31665 "2020-08-18T17:29:35Z")

</div>

Hello everyone! I'm new to NodeRED and I'm having trouble to use the switch node to show the current state of my variables. Here is the deal, I'm trying to automate the lights of a warehouse controlled by a PLC with a H…

---

## [MsgObject in UINode](https://discourse.nodered.org/t/msgobject-in-uinode/31698)

<div class="topic-metadata">

**Author:** [@fellinga](https://discourse.nodered.org/u/fellinga)\
**Replies:** 1\
**Last updated:** [18 August 2020 15:40 UTC](https://discourse.nodered.org/t/msgobject-in-uinode/31698 "2020-08-18T15:40:32Z")

</div>

Hello everyone, I had time to continue working on my project for the last few weeks and I got a little confused watching the msg object in my ui node. My ui node has one input and two outputs. It expects an incoming ms…

---

## [How to create a scrolling dashboard](https://discourse.nodered.org/t/how-to-create-a-scrolling-dashboard/31657)

<div class="topic-metadata">

**Author:** [@SinZapatillas](https://discourse.nodered.org/u/SinZapatillas)\
**Replies:** 0\
**Last updated:** [17 August 2020 10:24 UTC](https://discourse.nodered.org/t/how-to-create-a-scrolling-dashboard/31657 "2020-08-17T10:24:26Z")

</div>

Hello! I think some pictures will explain better what I would like to archive. This is what I have As you can see, I have several forms. I would like to have all of them in just one column, and in the left hand side…

---

## [Show seconds on last trigger time](https://discourse.nodered.org/t/show-seconds-on-last-trigger-time/31653)

<div class="topic-metadata">

**Author:** [@fietstasss](https://discourse.nodered.org/u/fietstasss)\
**Replies:** 1\
**Last updated:** [17 August 2020 09:09 UTC](https://discourse.nodered.org/t/show-seconds-on-last-trigger-time/31653 "2020-08-17T09:09:00Z")

</div>

Hi all, During debugging it's always nice to see which end-node is triggered based on the entire flow. For this, the small info-text below a Node is very usefull, as it shows what/when happened. The only caveat with t…

---

## [Button and Json](https://discourse.nodered.org/t/button-and-json/31609)

<div class="topic-metadata">

**Author:** [@ooscom](https://discourse.nodered.org/u/ooscom)\
**Replies:** 9\
**Last updated:** [17 August 2020 08:00 UTC](https://discourse.nodered.org/t/button-and-json/31609 "2020-08-17T08:00:34Z")

</div>

Hello everybody, I am completely new to the topic of node red and hope that I get nice help here. I'm trying to read a Json file with a button and only output the specific part in a debug for later sending a mail. \[{"…

---

## [Get data from array, only when is\_wired is true](https://discourse.nodered.org/t/get-data-from-array-only-when-is-wired-is-true/31607)

<div class="topic-metadata">

**Author:** [@Doebe](https://discourse.nodered.org/u/Doebe)\
**Replies:** 5\
**Last updated:** [16 August 2020 19:08 UTC](https://discourse.nodered.org/t/get-data-from-array-only-when-is-wired-is-true/31607 "2020-08-16T19:08:52Z")

</div>

Hi, I want to extract certain information from an array I get the connection data of my devices from node-red-contrib-unifi / ClientDevices This connection data is send in an array. I use node-red-contrib-splitter t…

---

## [Stacked Bars Chart with msg.ui\_control](https://discourse.nodered.org/t/stacked-bars-chart-with-msg-ui-control/31587)

<div class="topic-metadata">

**Author:** [@Robertotarga](https://discourse.nodered.org/u/Robertotarga)\
**Replies:** 6\
**Last updated:** [15 August 2020 18:01 UTC](https://discourse.nodered.org/t/stacked-bars-chart-with-msg-ui-control/31587 "2020-08-15T18:01:28Z")

</div>

I need to have a bar chart with stacked columns. Unfortunately this is not an option you can find in the configuration window (why?, it's a super standard bar chart style ), so I followed HotNipi's Feb. 10th post sugges…

---

## [Dashboard Detailed Table](https://discourse.nodered.org/t/dashboard-detailed-table/31512)

<div class="topic-metadata">

**Author:** [@JVergara](https://discourse.nodered.org/u/JVergara)\
**Replies:** 4\
**Last updated:** [13 August 2020 13:30 UTC](https://discourse.nodered.org/t/dashboard-detailed-table/31512 "2020-08-13T13:30:57Z")

</div>

Hello, I want to know more about the ui table in NODE-Red App. I would like to know how is the best way to implement a detailed and modernd design Table from a message object in my NODE-Red App. I have read that could …

---

## [Iframe not centered](https://discourse.nodered.org/t/iframe-not-centered/31518)

<div class="topic-metadata">

**Author:** [@menno](https://discourse.nodered.org/u/menno)\
**Replies:** 5\
**Last updated:** [13 August 2020 10:17 UTC](https://discourse.nodered.org/t/iframe-not-centered/31518 "2020-08-13T10:17:03Z")

</div>

Hi all i want my iframe centered in the middle of my tab. see picture can you help me out here ?? \[{"id":"38aa91ac.81b13e","type":"function","z":"85c6adaf.bd9f5","name":"buienradar","func":"d = new Date().getTime()\\n…

---

## [Defect in Tooltip text?](https://discourse.nodered.org/t/defect-in-tooltip-text/31488)

<div class="topic-metadata">

**Author:** [@davej](https://discourse.nodered.org/u/davej)\
**Replies:** 3\
**Last updated:** [12 August 2020 18:46 UTC](https://discourse.nodered.org/t/defect-in-tooltip-text/31488 "2020-08-12T18:46:24Z")

</div>

I am finding that tooltip text is exceeding the available width of the node. I have a node set to Auto - so 6 units wide and the tooltip text is flowing outside of that available width both left and right. That would s…

---

## [Read historical data and makes reports on dashboard using REST API](https://discourse.nodered.org/t/read-historical-data-and-makes-reports-on-dashboard-using-rest-api/31431)

<div class="topic-metadata">

**Author:** [@V\_M](https://discourse.nodered.org/u/V_M)\
**Replies:** 4\
**Last updated:** [12 August 2020 11:24 UTC](https://discourse.nodered.org/t/read-historical-data-and-makes-reports-on-dashboard-using-rest-api/31431 "2020-08-12T11:24:35Z")

</div>

Hello Everyone, I want to make a dashboard where I can give an option to the user to select date intervals and fetch reports accordingly. ( Ex- Meter1 Duration Date - 5 Aug to 10 Aug Result = Amp = 2.0 kW= 1250 PF= 6594…

---

## [How to control HTML5 Audio Element from UI-Template?](https://discourse.nodered.org/t/how-to-control-html5-audio-element-from-ui-template/31430)

<div class="topic-metadata">

**Author:** [@Herold](https://discourse.nodered.org/u/Herold)\
**Replies:** 1\
**Last updated:** [11 August 2020 14:04 UTC](https://discourse.nodered.org/t/how-to-control-html5-audio-element-from-ui-template/31430 "2020-08-11T14:04:50Z")

</div>

I'm a newbie. Would like some example code to get DOM Audio element basic custom control (play() / pause() methods from a button or clickable image) on HTML5 audio element rendered in browser. I succeed to play audio f…

---

## [Seperate Dashboard pages](https://discourse.nodered.org/t/seperate-dashboard-pages/31410)

<div class="topic-metadata">

**Author:** [@DrdP](https://discourse.nodered.org/u/DrdP)\
**Replies:** 2\
**Last updated:** [10 August 2020 21:27 UTC](https://discourse.nodered.org/t/seperate-dashboard-pages/31410 "2020-08-10T21:27:13Z")

</div>

Good day all I would like to get only the bit with the info loaded. I am successfully passing the dashboard to my website in an iframe. the iframe shows the entire page. Is there a way of having different flows on diffe…

---

## [Need to write one function that will return 3 values](https://discourse.nodered.org/t/need-to-write-one-function-that-will-return-3-values/30931)

<div class="topic-metadata">

**Author:** [@V\_M](https://discourse.nodered.org/u/V_M)\
**Replies:** 41\
**Last updated:** [10 August 2020 11:30 UTC](https://discourse.nodered.org/t/need-to-write-one-function-that-will-return-3-values/30931 "2020-08-10T11:30:41Z")

</div>

Hello, I want to display 3 values on the dashboard (AMP, KW, PF ) i have added 3 functions for the same. I have published data in inject node in JSON Format, can someone please help me on this?

---

## [Display two payloads in one Text](https://discourse.nodered.org/t/display-two-payloads-in-one-text/31208)

<div class="topic-metadata">

**Author:** [@zimb86](https://discourse.nodered.org/u/zimb86)\
**Replies:** 9\
**Last updated:** [10 August 2020 07:24 UTC](https://discourse.nodered.org/t/display-two-payloads-in-one-text/31208 "2020-08-10T07:24:04Z")

</div>

Hi, i´m completely new to node-red and this may be a stupid question but I cant get it work: Got 2 values from a CCU node: Temperature and Humidity I want to display these two values in one line Text on the Dashboard …

---

## [Help with integrating CSS progress bars](https://discourse.nodered.org/t/help-with-integrating-css-progress-bars/31030)

<div class="topic-metadata">

**Author:** [@RASelkirk](https://discourse.nodered.org/u/RASelkirk)\
**Replies:** 7\
**Last updated:** [10 August 2020 05:19 UTC](https://discourse.nodered.org/t/help-with-integrating-css-progress-bars/31030 "2020-08-10T05:19:49Z")

</div>

I couldn't find any progress bars, but did find some really neat animated HTML/CSS progress bars, can they be added to N-R Dashboard? How would one get started? Also, I see no method of starting/stopping these animation…

---

## [Node-RED dashboard performance across tablets & mobiles](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330)

<div class="topic-metadata">

**Author:** [@alex88](https://discourse.nodered.org/u/alex88)\
**Replies:** 37\
**Last updated:** [9 August 2020 14:12 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330 "2020-08-09T14:12:26Z")

</div>

Hi, I have a question about performance of Node-RED on different devices. I am running Node-RED on a perfectly adequate desktop PC, but plan to migrate to a 4GB Pi4 shortly. The question is related to this previous po…

---

## [Export Grafana data to CSV file from NodeRed Dashboard](https://discourse.nodered.org/t/export-grafana-data-to-csv-file-from-nodered-dashboard/31238)

<div class="topic-metadata">

**Author:** [@davidz](https://discourse.nodered.org/u/davidz)\
**Replies:** 13\
**Last updated:** [9 August 2020 12:38 UTC](https://discourse.nodered.org/t/export-grafana-data-to-csv-file-from-nodered-dashboard/31238 "2020-08-09T12:38:51Z")

</div>

I have integrated Grafana chart into NodeRed Dashboard by following the flow here: https://flows.nodered.org/flow/8e96b8630c4edc866aa0459354033c9b/in/u1hmO7pQPVSi Now I am wondering if we can export the data shown in th…

---

## [Icons not showing](https://discourse.nodered.org/t/icons-not-showing/31310)

<div class="topic-metadata">

**Author:** [@JeroenKokhuis](https://discourse.nodered.org/u/JeroenKokhuis)\
**Replies:** 6\
**Last updated:** [9 August 2020 11:46 UTC](https://discourse.nodered.org/t/icons-not-showing/31310 "2020-08-09T11:46:58Z")

</div>

Hello, I'm just starting with node red and I have a question. This is my flow: \[{"id":"aebc50d6.7a096","type":"exec","z":"6a2785b5.687a8c","command":"curl -v --cookie \\"RovaLc\_inwoners={\\\\\\"Id\\\\\\":901516,\\\\\\"ZipCode\\\\…

---

## [Play Sound from USB Microphone](https://discourse.nodered.org/t/play-sound-from-usb-microphone/2551)

<div class="topic-metadata">

**Author:** [@GChapo](https://discourse.nodered.org/u/GChapo)\
**Replies:** 61\
**Last updated:** [8 August 2020 12:48 UTC](https://discourse.nodered.org/t/play-sound-from-usb-microphone/2551 "2020-08-08T12:48:54Z")

</div>

Hello, Can anybody tell me if it's possible to play the sound received from a USB microphone attached to a Raspberry PI and play it through the Dashboard UI? I have tried several microphone and play sound node combinat…

---

## [How to count classes in an array to represent them in a Dashborad](https://discourse.nodered.org/t/how-to-count-classes-in-an-array-to-represent-them-in-a-dashborad/31253)

<div class="topic-metadata">

**Author:** [@CesarLeiton](https://discourse.nodered.org/u/CesarLeiton)\
**Replies:** 9\
**Last updated:** [8 August 2020 11:17 UTC](https://discourse.nodered.org/t/how-to-count-classes-in-an-array-to-represent-them-in-a-dashborad/31253 "2020-08-08T11:17:00Z")

</div>

Hello, I have this flow and I would like to count the number of persons in each image. For each object where class ="person", I would like to count 1. Afterwards I would like to use it for a dashboard to see it in …

---

## [Where can you find details on Dashboard Item Properties and how to use them?](https://discourse.nodered.org/t/where-can-you-find-details-on-dashboard-item-properties-and-how-to-use-them/31231)

<div class="topic-metadata">

**Author:** [@tree-frog](https://discourse.nodered.org/u/tree-frog)\
**Replies:** 2\
**Last updated:** [7 August 2020 18:28 UTC](https://discourse.nodered.org/t/where-can-you-find-details-on-dashboard-item-properties-and-how-to-use-them/31231 "2020-08-07T18:28:09Z")

</div>

Where is a comprehensive list of all/any of the, lets say for now, "Button" properties. I'd like to be able to find these for programming the Dashboard and controlling the user experience programmatically. I'm looking…

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

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