# Dashboard

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

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

**Page:** 110

---

## [Tree browser for JSON?](https://discourse.nodered.org/t/tree-browser-for-json/56425)

<div class="topic-metadata">

**Author:** [@hobbes1069](https://discourse.nodered.org/u/hobbes1069)\
**Replies:** 9\
**Last updated:** [13 January 2022 08:28 UTC](https://discourse.nodered.org/t/tree-browser-for-json/56425 "2022-01-13T08:28:41Z")

</div>

I searched the best I could but didn't find anything. Is there a dashboard node that can take a JSON payload and create a tree browser? You know, with the + and - buttons to expand and collapse. Ideally it could "do som…

---

## [Progressbar in notification-node](https://discourse.nodered.org/t/progressbar-in-notification-node/56523)

<div class="topic-metadata">

**Author:** [@nico25](https://discourse.nodered.org/u/nico25)\
**Replies:** 2\
**Last updated:** [13 January 2022 07:17 UTC](https://discourse.nodered.org/t/progressbar-in-notification-node/56523 "2022-01-13T07:17:44Z")

</div>

Hello everyone, I noticed that the notification node supports JavaScript/HTML input. I am trying to use this feature to show a progressbar while updating counters. \[ { "id": "25496b66b90b1aee", "ty…

---

## [List of files in the dashboard (problem)](https://discourse.nodered.org/t/list-of-files-in-the-dashboard-problem/56547)

<div class="topic-metadata">

**Author:** [@Lafayette](https://discourse.nodered.org/u/Lafayette)\
**Replies:** 6\
**Last updated:** [13 January 2022 01:44 UTC](https://discourse.nodered.org/t/list-of-files-in-the-dashboard-problem/56547 "2022-01-13T01:44:39Z")

</div>

Hi, i use two nodes to (try to) display files of a folder (fs-file-lister) in the dashboard with a list (node-ui-list). I get the files list in a debug windows, so the first node works, but my list remains empty in the d…

---

## [How to activate dynamically created UI switches](https://discourse.nodered.org/t/how-to-activate-dynamically-created-ui-switches/5348)

<div class="topic-metadata">

**Author:** [@pinoyyid](https://discourse.nodered.org/u/pinoyyid)\
**Replies:** 22\
**Last updated:** [2 December 2019 09:42 UTC](https://discourse.nodered.org/t/how-to-activate-dynamically-created-ui-switches/5348 "2019-12-02T09:42:38Z")

</div>

I've used this flow https://gist.github.com/DeanCording/1541bcbba48bb088ec1503dba109f63c to dynamically create a set of md-switches on my UI corresponding to my sonoff devices. How do I "connect" these dynamically creat…

---

## [Adding "mouseover" listener to images in dashboard](https://discourse.nodered.org/t/adding-mouseover-listener-to-images-in-dashboard/56466)

<div class="topic-metadata">

**Author:** [@moryoav](https://discourse.nodered.org/u/moryoav)\
**Replies:** 12\
**Last updated:** [12 January 2022 14:24 UTC](https://discourse.nodered.org/t/adding-mouseover-listener-to-images-in-dashboard/56466 "2022-01-12T14:24:50Z")

</div>

I have a dashboard with many images (placed inside a ui-table, if it matters), I'm looking to add a "mouseover" listener, using a template node, so that each image will send a msg when the mouse is over it. This doesn't …

---

## [Tab groups not hidden at first execution of node-red](https://discourse.nodered.org/t/tab-groups-not-hidden-at-first-execution-of-node-red/56517)

<div class="topic-metadata">

**Author:** [@between](https://discourse.nodered.org/u/between)\
**Replies:** 2\
**Last updated:** [12 January 2022 11:17 UTC](https://discourse.nodered.org/t/tab-groups-not-hidden-at-first-execution-of-node-red/56517 "2022-01-12T11:17:30Z")

</div>

I have a project with a single tab with several groups. By using buttons and an 'ui-control' node I can hide some of the groups and show some of them without problem. I also have an 'inject' node, configured to inject on…

---

## [I'd like to use a newer version of Graph.JS](https://discourse.nodered.org/t/id-like-to-use-a-newer-version-of-graph-js/56487)

<div class="topic-metadata">

**Author:** [@uberscientist](https://discourse.nodered.org/u/uberscientist)\
**Replies:** 3\
**Last updated:** [12 January 2022 05:42 UTC](https://discourse.nodered.org/t/id-like-to-use-a-newer-version-of-graph-js/56487 "2022-01-12T05:42:33Z")

</div>

I've been able to get a Chart.JS plot working in the Node-RED dashboard, but there are some features that aren't working as expected\*, probably due to the version bundled with dashboard being v2.3 I was wondering what t…

---

## [I need help on my dashboard](https://discourse.nodered.org/t/i-need-help-on-my-dashboard/56470)

<div class="topic-metadata">

**Author:** [@diogoqwe](https://discourse.nodered.org/u/diogoqwe)\
**Replies:** 4\
**Last updated:** [11 January 2022 16:34 UTC](https://discourse.nodered.org/t/i-need-help-on-my-dashboard/56470 "2022-01-11T16:34:06Z")

</div>

I already store all data in phpmyadmin but i want to pick all the data that i saved and when i log node-red it all appears. How can I transform the array into a graphic

---

## [Spacer size blocked to 1x1](https://discourse.nodered.org/t/spacer-size-blocked-to-1x1/56462)

<div class="topic-metadata">

**Author:** [@esalles](https://discourse.nodered.org/u/esalles)\
**Replies:** 3\
**Last updated:** [11 January 2022 14:26 UTC](https://discourse.nodered.org/t/spacer-size-blocked-to-1x1/56462 "2022-01-11T14:26:31Z")

</div>

Guys, I've seen a related topic here: https://discourse.nodered.org/t/spacer-size-unable-to-change-from-1x1-to-any-other-size-solved/52610/23 ... where the spacer is stuck at 1x1. This topic says that version 2.1.3 f…

---

## [Update text file content](https://discourse.nodered.org/t/update-text-file-content/55893)

<div class="topic-metadata">

**Author:** [@FabioT](https://discourse.nodered.org/u/FabioT)\
**Replies:** 4\
**Last updated:** [10 January 2022 07:25 UTC](https://discourse.nodered.org/t/update-text-file-content/55893 "2022-01-10T07:25:22Z")

</div>

Hey All, I'm quite new in Node-RED development and problably this will be an easy question for the Node-RED expert... Anyway, I'm using a text file to load some "application" settings when Node-RED is launched (start-u…

---

## [Dashboard bottom titlebar](https://discourse.nodered.org/t/dashboard-bottom-titlebar/56346)

<div class="topic-metadata">

**Author:** [@stgj](https://discourse.nodered.org/u/stgj)\
**Replies:** 4\
**Last updated:** [10 January 2022 05:49 UTC](https://discourse.nodered.org/t/dashboard-bottom-titlebar/56346 "2022-01-10T05:49:10Z")

</div>

Is there a way to add a bottom titlebar/toolbar etc? With som static text in it? Kind regards Steffen

---

## [Ui\_gauge is there a way to colour sectors from centre (zero)](https://discourse.nodered.org/t/ui-gauge-is-there-a-way-to-colour-sectors-from-centre-zero/56293)

<div class="topic-metadata">

**Author:** [@affinite](https://discourse.nodered.org/u/affinite)\
**Replies:** 2\
**Last updated:** [8 January 2022 12:32 UTC](https://discourse.nodered.org/t/ui-gauge-is-there-a-way-to-colour-sectors-from-centre-zero/56293 "2022-01-08T12:32:30Z")

</div>

Hi I'm trying to format a ui-gauge to display a range of values (of electrical current) from -30 to +30. I'd like the gauge to show a red coloured arc starting from centre zero when the value is negative and a green ar…

---

## [Please show me how to get a simple bar chart from simple data](https://discourse.nodered.org/t/please-show-me-how-to-get-a-simple-bar-chart-from-simple-data/56292)

<div class="topic-metadata">

**Author:** [@cymplecy](https://discourse.nodered.org/u/cymplecy)\
**Replies:** 2\
**Last updated:** [8 January 2022 12:10 UTC](https://discourse.nodered.org/t/please-show-me-how-to-get-a-simple-bar-chart-from-simple-data/56292 "2022-01-08T12:10:26Z")

</div>

I haven't used a dashboard in years but just wanted a simple bar chart of some cheerlight tweets I've been collecting but I'm stumped as to how to get there This is example of my data {"ArmyOfThings":17,"DiscCheerlight…

---

## [UI Table Adjustments](https://discourse.nodered.org/t/ui-table-adjustments/56178)

<div class="topic-metadata">

**Author:** [@jgreenmt](https://discourse.nodered.org/u/jgreenmt)\
**Replies:** 14\
**Last updated:** [7 January 2022 23:28 UTC](https://discourse.nodered.org/t/ui-table-adjustments/56178 "2022-01-07T23:28:45Z")

</div>

Hello, I have a series of questions concerning the ui\_table node. However to get things started I will start with two. Is there a simple way to change the font for the entire table? I have seen many examples where yo…

---

## [Dashboard on RPi Zero W](https://discourse.nodered.org/t/dashboard-on-rpi-zero-w/56267)

<div class="topic-metadata">

**Author:** [@Max44](https://discourse.nodered.org/u/Max44)\
**Replies:** 4\
**Last updated:** [7 January 2022 23:14 UTC](https://discourse.nodered.org/t/dashboard-on-rpi-zero-w/56267 "2022-01-07T23:14:19Z")

</div>

7 Jan 13:55:38 - \[info\] Node-RED version: v2.1.4 7 Jan 13:55:38 - \[info\] Node.js version: v12.22.8 7 Jan 13:55:38 - \[info\] Linux 5.10.52+ arm LE I wanted to check on setting up Node-Red Dashboard on a RPi Zero W. Th…

---

## [Get ui-table data in JSON format](https://discourse.nodered.org/t/get-ui-table-data-in-json-format/55262)

<div class="topic-metadata">

**Author:** [@Henjoe](https://discourse.nodered.org/u/Henjoe)\
**Replies:** 11\
**Last updated:** [7 January 2022 22:12 UTC](https://discourse.nodered.org/t/get-ui-table-data-in-json-format/55262 "2022-01-07T22:12:38Z")

</div>

Hi nodered experts, I have ui Table where I can add/edit or delete any cells or rows. Once the user is done adding/editing or deleting, I want to store the table data on a variable (might be global or flow) in JSON form…

---

## [Bootstrap Vue b-table filter](https://discourse.nodered.org/t/bootstrap-vue-b-table-filter/56187)

<div class="topic-metadata">

**Author:** [@TheadehAnank](https://discourse.nodered.org/u/TheadehAnank)\
**Replies:** 2\
**Last updated:** [6 January 2022 16:12 UTC](https://discourse.nodered.org/t/bootstrap-vue-b-table-filter/56187 "2022-01-06T16:12:15Z")

</div>

You can see in the code below, I'm trying to build a list of several filtered tables. Any suggestions how I could filter the items in a b-table by two filter criteria? b-table filter doesn't support more than one criter…

---

## [Login /users on dashboard](https://discourse.nodered.org/t/login-users-on-dashboard/56185)

<div class="topic-metadata">

**Author:** [@GrandmasterJim](https://discourse.nodered.org/u/GrandmasterJim)\
**Replies:** 1\
**Last updated:** [6 January 2022 01:58 UTC](https://discourse.nodered.org/t/login-users-on-dashboard/56185 "2022-01-06T01:58:43Z")

</div>

Looking for some help. I built a nice UI Dashboard with plenty of tools (some still under development). I am a victim to my own success though as management has seen the tools I use and wants to roll them out to departme…

---

## [Node-red Dashboard limitations](https://discourse.nodered.org/t/node-red-dashboard-limitations/56146)

<div class="topic-metadata">

**Author:** [@JT3D](https://discourse.nodered.org/u/JT3D)\
**Replies:** 5\
**Last updated:** [5 January 2022 20:28 UTC](https://discourse.nodered.org/t/node-red-dashboard-limitations/56146 "2022-01-05T20:28:45Z")

</div>

Hi, I'm new to Node-red and I'm coming from a c++ background with some experience building angular 10+ front end applications and connecting them using MQTT, sockets, ROS etc.. I love the idea of fusing Node-red as the…

---

## [How I can received messages in uibuilder](https://discourse.nodered.org/t/how-i-can-received-messages-in-uibuilder/23699)

<div class="topic-metadata">

**Author:** [@jefferson2685](https://discourse.nodered.org/u/jefferson2685)\
**Replies:** 11\
**Last updated:** [30 March 2020 21:28 UTC](https://discourse.nodered.org/t/how-i-can-received-messages-in-uibuilder/23699 "2020-03-30T21:28:58Z")

</div>

I have a question, how can I receive messages in the Buider UI. I have an msg.payload input message in the ui Builder. The question is how can I receive the message in html or javascript to work with this variable in my …

---

## [Need a List or keep the dropdown expanded](https://discourse.nodered.org/t/need-a-list-or-keep-the-dropdown-expanded/56168)

<div class="topic-metadata">

**Author:** [@telliottosceola](https://discourse.nodered.org/u/telliottosceola)\
**Replies:** 0\
**Last updated:** [5 January 2022 18:53 UTC](https://discourse.nodered.org/t/need-a-list-or-keep-the-dropdown-expanded/56168 "2022-01-05T18:53:23Z")

</div>

Hi Everyone, I'm building a UI using Dashboard and I've run into a feature requirement I can't seem to find a drop in solution for. Currently I have a Drop Down widget in my UI and it works but it's a real pain to clic…

---

## [Ui\_form mutual exclusion Checkboxes selection](https://discourse.nodered.org/t/ui-form-mutual-exclusion-checkboxes-selection/56156)

<div class="topic-metadata">

**Author:** [@robgiov](https://discourse.nodered.org/u/robgiov)\
**Replies:** 0\
**Last updated:** [5 January 2022 14:38 UTC](https://discourse.nodered.org/t/ui-form-mutual-exclusion-checkboxes-selection/56156 "2022-01-05T14:38:37Z")

</div>

Hi everyone, it is possible to implement a mutual exclusion mechanism for the selection of a Checkbox in a ui\_form containing two (or more) Checkboxes. That is, if I select a checkbox, does it automatically deselect the…

---

## ["string" named payload properties in dashboard gauge](https://discourse.nodered.org/t/string-named-payload-properties-in-dashboard-gauge/56101)

<div class="topic-metadata">

**Author:** [@SeRiusRod](https://discourse.nodered.org/u/SeRiusRod)\
**Replies:** 2\
**Last updated:** [5 January 2022 12:32 UTC](https://discourse.nodered.org/t/string-named-payload-properties-in-dashboard-gauge/56101 "2022-01-05T12:32:02Z")

</div>

Strange topic... I know. I have to place several gauges in a "trunk" modbus output system that outputs this kind of names. I know that I can place a change node before the gauges to adapt the payload, but unfortunate…

---

## [Dashboard- Groups placement](https://discourse.nodered.org/t/dashboard-groups-placement/56081)

<div class="topic-metadata">

**Author:** [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Replies:** 2\
**Last updated:** [5 January 2022 04:30 UTC](https://discourse.nodered.org/t/dashboard-groups-placement/56081 "2022-01-05T04:30:59Z")

</div>

struggling for quite sometime now, unable to align the groups next to each other, enough desktop space available as shown. first group is 61 units wide second group is 18 units wide third group is 30 groups wide four…

---

## [How to fix the x-axis on chart node](https://discourse.nodered.org/t/how-to-fix-the-x-axis-on-chart-node/56056)

<div class="topic-metadata">

**Author:** [@OscarF](https://discourse.nodered.org/u/OscarF)\
**Replies:** 12\
**Last updated:** [4 January 2022 17:02 UTC](https://discourse.nodered.org/t/how-to-fix-the-x-axis-on-chart-node/56056 "2022-01-04T17:02:56Z")

</div>

Hi I'm using the node red 0.20.5 version and I have a trouble with the chart node, the x-axis isn't accurate and the timeline it's larger than I specified, so the data looks so close together. This is a image about how …

---

## [Trouble with custom UI Toggle control (In UI\_Template)](https://discourse.nodered.org/t/trouble-with-custom-ui-toggle-control-in-ui-template/56084)

<div class="topic-metadata">

**Author:** [@Jdo300](https://discourse.nodered.org/u/Jdo300)\
**Replies:** 1\
**Last updated:** [4 January 2022 15:32 UTC](https://discourse.nodered.org/t/trouble-with-custom-ui-toggle-control-in-ui-template/56084 "2022-01-04T15:32:57Z")

</div>

I created a template node for a custom Toggle switch (based on a standard checkbox) and when the switch is toggled, I'm using the scope object to send a message payload with the new toggle switch state. However, if I hav…

---

## [Artless gauge centering](https://discourse.nodered.org/t/artless-gauge-centering/56082)

<div class="topic-metadata">

**Author:** [@Surefire01](https://discourse.nodered.org/u/Surefire01)\
**Replies:** 4\
**Last updated:** [4 January 2022 13:31 UTC](https://discourse.nodered.org/t/artless-gauge-centering/56082 "2022-01-04T13:31:14Z")

</div>

Hi folks Been playing with the artless gauge node for the dashboard. I can’t seem to get it centered horizontally though. The regular gauge centers ok but not the artless one. Any ideas? Thanks.

---

## [Function query for Temp Values range change color in Svg id](https://discourse.nodered.org/t/function-query-for-temp-values-range-change-color-in-svg-id/56080)

<div class="topic-metadata">

**Author:** [@dheeju1314](https://discourse.nodered.org/u/dheeju1314)\
**Replies:** 0\
**Last updated:** [4 January 2022 12:05 UTC](https://discourse.nodered.org/t/function-query-for-temp-values-range-change-color-in-svg-id/56080 "2022-01-04T12:05:07Z")

</div>

how tointegrate the object path id of svg with temperature range values using colors

---

## [UI\_Builder - Study material](https://discourse.nodered.org/t/ui-builder-study-material/56036)

<div class="topic-metadata">

**Author:** [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Replies:** 2\
**Last updated:** [3 January 2022 16:40 UTC](https://discourse.nodered.org/t/ui-builder-study-material/56036 "2022-01-03T16:40:47Z")

</div>

Hi, Been searching for a good source material to get around understanding and executing UI\_Builder. request someone to please provide links. and may be dependent and pre-requisite knowledge base materials also for the s…

---

## [Ng-model in ui template](https://discourse.nodered.org/t/ng-model-in-ui-template/55976)

<div class="topic-metadata">

**Author:** [@seanlholt](https://discourse.nodered.org/u/seanlholt)\
**Replies:** 1\
**Last updated:** [2 January 2022 23:50 UTC](https://discourse.nodered.org/t/ng-model-in-ui-template/55976 "2022-01-02T23:50:05Z")

</div>

I'm trying to send updated values in msg.payload. I have a custom built input range slider with dual thumb handles. I've created a function scope.watch to send out the updated values. The INPUT selector I added ng-mod…

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

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