# Dashboard

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

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

**Page:** 76

---

## [ui-uPlot- Chart from Stored Data-MySql- Moved to Grafana + iframe now](https://discourse.nodered.org/t/ui-uplot-chart-from-stored-data-mysql-moved-to-grafana-iframe-now/75685)

<div class="topic-metadata">

**Author:** [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Replies:** 13\
**Last updated:** [11 March 2023 08:57 UTC](https://discourse.nodered.org/t/ui-uplot-chart-from-stored-data-mysql-moved-to-grafana-iframe-now/75685 "2023-03-11T08:57:08Z")

</div>

Continuing the discussion from \[Beta\] node-red-contrib-ui-uPlot-charts: Hi, i installed and got the examples working perfectly. I need to draw the chart with stored data in a database, (MySql) but could not find any inf…

---

## [Is there a method that can be used to calculate time complexity in Node Red?](https://discourse.nodered.org/t/is-there-a-method-that-can-be-used-to-calculate-time-complexity-in-node-red/75356)

<div class="topic-metadata">

**Author:** [@Fathi2022](https://discourse.nodered.org/u/Fathi2022)\
**Replies:** 12\
**Last updated:** [10 March 2023 19:32 UTC](https://discourse.nodered.org/t/is-there-a-method-that-can-be-used-to-calculate-time-complexity-in-node-red/75356 "2023-03-10T19:32:29Z")

</div>

Hi All I have a question there is method or property in Node Red Dashboard used to calculate time complexity? For example Visual Studio has code metrics data that calculates the complexity and maintenance.

---

## [Worldmap icon changing tabs](https://discourse.nodered.org/t/worldmap-icon-changing-tabs/75004)

<div class="topic-metadata">

**Author:** [@scv81](https://discourse.nodered.org/u/scv81)\
**Replies:** 1\
**Last updated:** [10 March 2023 15:30 UTC](https://discourse.nodered.org/t/worldmap-icon-changing-tabs/75004 "2023-03-10T15:30:28Z")

</div>

Hello, how could I keep the icon active when changing tabs?

---

## [Node-red-contrib-ui-table headerHozAlign](https://discourse.nodered.org/t/node-red-contrib-ui-table-headerhozalign/76367)

<div class="topic-metadata">

**Author:** [@akrea](https://discourse.nodered.org/u/akrea)\
**Replies:** 1\
**Last updated:** [10 March 2023 13:44 UTC](https://discourse.nodered.org/t/node-red-contrib-ui-table-headerhozalign/76367 "2023-03-10T13:44:09Z")

</div>

Hi I recently discovered the ui-table node. Very cool - kudos to the developer!! My issue is that the headerHozAlign attribute does not do anything to the table. All the other options have an effect (formating is in no…

---

## [Msg.payload : undefined](https://discourse.nodered.org/t/msg-payload-undefined/76359)

<div class="topic-metadata">

**Author:** [@HilalAbuSaleh](https://discourse.nodered.org/u/HilalAbuSaleh)\
**Replies:** 4\
**Last updated:** [9 March 2023 20:17 UTC](https://discourse.nodered.org/t/msg-payload-undefined/76359 "2023-03-09T20:17:53Z")

</div>

Hello, I have Hex-string which i am receiving from a Topic and converting in a function to binary then splitting the bits as to see in the function below and then sending the outputs at 8 different LEDS. By receiving 0…

---

## [Chart multiple lines](https://discourse.nodered.org/t/chart-multiple-lines/76338)

<div class="topic-metadata">

**Author:** [@Sekuti](https://discourse.nodered.org/u/Sekuti)\
**Replies:** 2\
**Last updated:** [9 March 2023 10:49 UTC](https://discourse.nodered.org/t/chart-multiple-lines/76338 "2023-03-09T10:49:47Z")

</div>

Hello again. I am trying to read data from csv file and represent them in chart. I took one example from here and modified it . It works fine but only with one line. Can someone help me add additional three lines. Code …

---

## [Migrate from ui-template to ui-builder](https://discourse.nodered.org/t/migrate-from-ui-template-to-ui-builder/76273)

<div class="topic-metadata">

**Author:** [@vinistois](https://discourse.nodered.org/u/vinistois)\
**Replies:** 8\
**Last updated:** [9 March 2023 02:29 UTC](https://discourse.nodered.org/t/migrate-from-ui-template-to-ui-builder/76273 "2023-03-09T02:29:19Z")

</div>

I'm building a dynamic dashboard. The result I want is a grid of cards, like the bootstrap grid system. I'm currently doing this with a single template node, to which I'm providing a msg.template. I include a link to bo…

---

## [Array in a bar graph over a 24 hour period](https://discourse.nodered.org/t/array-in-a-bar-graph-over-a-24-hour-period/76323)

<div class="topic-metadata">

**Author:** [@Duncan](https://discourse.nodered.org/u/Duncan)\
**Replies:** 2\
**Last updated:** [8 March 2023 21:44 UTC](https://discourse.nodered.org/t/array-in-a-bar-graph-over-a-24-hour-period/76323 "2023-03-08T21:44:51Z")

</div>

Hi all, I am trying to display an array in a bar graph over a 24 hour period. The array has 2 objects, time (hour) and price. how do i go about this? thanks ! Here is the output from my function node: msg : Object ob…

---

## [Save sizes (widget and group) horizontal and vertical](https://discourse.nodered.org/t/save-sizes-widget-and-group-horizontal-and-vertical/76202)

<div class="topic-metadata">

**Author:** [@MecatronicaMADE](https://discourse.nodered.org/u/MecatronicaMADE)\
**Replies:** 5\
**Last updated:** [8 March 2023 21:37 UTC](https://discourse.nodered.org/t/save-sizes-widget-and-group-horizontal-and-vertical/76202 "2023-03-08T21:37:36Z")

</div>

Hi all, I have been developing a small example with the dashboard, and I have been modifying the parameters of Widget Size, Widget Spacing, Group Padding and Group Spacing of the SITE tab (attached image), but when I exp…

---

## [Holding readings for gauges](https://discourse.nodered.org/t/holding-readings-for-gauges/76258)

<div class="topic-metadata">

**Author:** [@JohnR](https://discourse.nodered.org/u/JohnR)\
**Replies:** 5\
**Last updated:** [8 March 2023 16:43 UTC](https://discourse.nodered.org/t/holding-readings-for-gauges/76258 "2023-03-08T16:43:12Z")

</div>

Hello all, just joined the forum as I have more time to explore. (scenerio) I have been using Node Red Dashboard for a while, coupled with Mosquitto as an mqtt broker on a Raspberry Pi 2B. In short, the Pi receives read…

---

## [How to add Logo and button on the dashboard toolbar](https://discourse.nodered.org/t/how-to-add-logo-and-button-on-the-dashboard-toolbar/76039)

<div class="topic-metadata">

**Author:** [@rocky.b](https://discourse.nodered.org/u/rocky.b)\
**Replies:** 2\
**Last updated:** [8 March 2023 12:54 UTC](https://discourse.nodered.org/t/how-to-add-logo-and-button-on-the-dashboard-toolbar/76039 "2023-03-08T12:54:58Z")

</div>

Able to add logo but not able to add button \[ { "id": "9ba6534a6bafbad9", "type": "tab", "label": "Flow 1", "disabled": false, "info": "", "env": \[\] }, { …

---

## [I want to add two numeric values and display in a dashboard](https://discourse.nodered.org/t/i-want-to-add-two-numeric-values-and-display-in-a-dashboard/76284)

<div class="topic-metadata">

**Author:** [@fritserasmus](https://discourse.nodered.org/u/fritserasmus)\
**Replies:** 2\
**Last updated:** [8 March 2023 12:46 UTC](https://discourse.nodered.org/t/i-want-to-add-two-numeric-values-and-display-in-a-dashboard/76284 "2023-03-08T12:46:25Z")

</div>

This is the Debug Messsage and I would like to add the 2663.03774 and 3205.9554799999996 and show the value in a gauge 3/8/2023, 11:10:04 AMnode: Total DC Watts sbfspot/2130438358 : msg.payload : Object object sbfspot/2…

---

## [Replicate ui\_button with ui\_template](https://discourse.nodered.org/t/replicate-ui-button-with-ui-template/76255)

<div class="topic-metadata">

**Author:** [@Mortimer](https://discourse.nodered.org/u/Mortimer)\
**Replies:** 0\
**Last updated:** [7 March 2023 17:52 UTC](https://discourse.nodered.org/t/replicate-ui-button-with-ui-template/76255 "2023-03-07T17:52:49Z")

</div>

Dear all, How can I get ui\_button closely replicated by ui\_template with same feature set? My first idea was to carve out the \<md-button\> part from: and copy it to a ui\_template node. Certainly I did not expect this …

---

## [Ui\_button: distinguish normal and long push](https://discourse.nodered.org/t/ui-button-distinguish-normal-and-long-push/76247)

<div class="topic-metadata">

**Author:** [@Mortimer](https://discourse.nodered.org/u/Mortimer)\
**Replies:** 2\
**Last updated:** [7 March 2023 17:22 UTC](https://discourse.nodered.org/t/ui-button-distinguish-normal-and-long-push/76247 "2023-03-07T17:22:37Z")

</div>

Dear all, I need to distinguish between a normal and long press/touch when ui\_button is used. With this, I would like to emulate a KNX push button with the same functionality in the nodered dashboard. Any chance to get…

---

## [Table with 5 sensors data with fixed row](https://discourse.nodered.org/t/table-with-5-sensors-data-with-fixed-row/75515)

<div class="topic-metadata">

**Author:** [@Lance99](https://discourse.nodered.org/u/Lance99)\
**Replies:** 10\
**Last updated:** [7 March 2023 14:14 UTC](https://discourse.nodered.org/t/table-with-5-sensors-data-with-fixed-row/75515 "2023-03-07T14:14:42Z")

</div>

I have five different sensors with live measurements. I want the sensor ID to be sorted (colum A) and measure data in colum B, C, ... With this setup, I get only one one row of data and the latest message overwrites the…

---

## [Node-red dashboard ui template : How to update the value of ui template html label](https://discourse.nodered.org/t/node-red-dashboard-ui-template-how-to-update-the-value-of-ui-template-html-label/76035)

<div class="topic-metadata">

**Author:** [@nightmareside15](https://discourse.nodered.org/u/nightmareside15)\
**Replies:** 6\
**Last updated:** [7 March 2023 00:31 UTC](https://discourse.nodered.org/t/node-red-dashboard-ui-template-how-to-update-the-value-of-ui-template-html-label/76035 "2023-03-07T00:31:32Z")

</div>

Hello. Recently I tried to use ui template in addition to my usual dashboard feature, then I came across this material (many thanks to @E1cid !!!) I tried to send a payload from the html back to node-red but it seem…

---

## [Gráfica de dos sensores](https://discourse.nodered.org/t/grafica-de-dos-sensores/76022)

<div class="topic-metadata">

**Author:** [@Mafi](https://discourse.nodered.org/u/Mafi)\
**Replies:** 2\
**Last updated:** [6 March 2023 19:47 UTC](https://discourse.nodered.org/t/grafica-de-dos-sensores/76022 "2023-03-06T19:47:42Z")

</div>

Hola a todos, tengo una pregunta. Es posible agregar una gráfica de dos sensores? Pero que los datos no estén separados, por ejemplo que sensor 1 sea x y sensor 2 sea y. Por lo tanto mostrar Xvs Y

---

## [I would like to multiply two numeric payloads and use the result on a dashboard](https://discourse.nodered.org/t/i-would-like-to-multiply-two-numeric-payloads-and-use-the-result-on-a-dashboard/76172)

<div class="topic-metadata">

**Author:** [@fritserasmus](https://discourse.nodered.org/u/fritserasmus)\
**Replies:** 13\
**Last updated:** [6 March 2023 15:03 UTC](https://discourse.nodered.org/t/i-would-like-to-multiply-two-numeric-payloads-and-use-the-result-on-a-dashboard/76172 "2023-03-06T15:03:15Z")

</div>

I have two payloads, both are in numeric format. I would like to multiply the two numbers and use the product on a dashboard as text and in a gauge. This is the flow: My attempt:- Any pointers will be appreciat…

---

## [Transfer Many MQTT Data into ui table](https://discourse.nodered.org/t/transfer-many-mqtt-data-into-ui-table/76059)

<div class="topic-metadata">

**Author:** [@Loong](https://discourse.nodered.org/u/Loong)\
**Replies:** 25\
**Last updated:** [6 March 2023 12:27 UTC](https://discourse.nodered.org/t/transfer-many-mqtt-data-into-ui-table/76059 "2023-03-06T12:27:08Z")

</div>

Hi, I have an issue on combining all MQTT data into a ui table at the same row. Currently, I have 4 MQTT topics (room/1, room/2, room/3, room/4) to collect the power usage of each room. I wish to upload all data into u…

---

## [More then one icon in UI](https://discourse.nodered.org/t/more-then-one-icon-in-ui/76167)

<div class="topic-metadata">

**Author:** [@DeWoAlliSeged7](https://discourse.nodered.org/u/DeWoAlliSeged7)\
**Replies:** 10\
**Last updated:** [6 March 2023 10:37 UTC](https://discourse.nodered.org/t/more-then-one-icon-in-ui/76167 "2023-03-06T10:37:27Z")

</div>

Hello I like to give a button multiple icons. In fact i like to make three question marks in different colors. \> class="fas fa-question fa-2x"\>\</i\>i class="fas fa-question fa-2x"\>\</i\>i class="fas fa-question fa-2x"\>\</…

---

## [NodeRed: Creating a canvas with ui\_template and displaying it in the associated ui page](https://discourse.nodered.org/t/nodered-creating-a-canvas-with-ui-template-and-displaying-it-in-the-associated-ui-page/76109)

<div class="topic-metadata">

**Author:** [@caio\_lorenzo](https://discourse.nodered.org/u/caio_lorenzo)\
**Replies:** 4\
**Last updated:** [5 March 2023 17:02 UTC](https://discourse.nodered.org/t/nodered-creating-a-canvas-with-ui-template-and-displaying-it-in-the-associated-ui-page/76109 "2023-03-05T17:02:40Z")

</div>

I am trying to create a canvas with a ui\_template node, with the following code: \<div style="width: 200px; height: 200px;"\> \<canvas id="myCanvas"\>\</canvas\> \</div\> \<script\> (function() { // Obtain canvas va…

---

## [Node-Red Virtual Keyboard Display issue](https://discourse.nodered.org/t/node-red-virtual-keyboard-display-issue/76114)

<div class="topic-metadata">

**Author:** [@Marc123](https://discourse.nodered.org/u/Marc123)\
**Replies:** 1\
**Last updated:** [4 March 2023 18:55 UTC](https://discourse.nodered.org/t/node-red-virtual-keyboard-display-issue/76114 "2023-03-04T18:55:09Z")

</div>

Hi I am using this Virtual Keyboard in a small raspberry pi embedded project, with a 5" touch display. It seems since a chrome browser update it no longer displays correctly on a small screen. I suspect it is fixabl…

---

## [UI is triggering multiple time](https://discourse.nodered.org/t/ui-is-triggering-multiple-time/75922)

<div class="topic-metadata">

**Author:** [@rocky.b](https://discourse.nodered.org/u/rocky.b)\
**Replies:** 3\
**Last updated:** [4 March 2023 01:05 UTC](https://discourse.nodered.org/t/ui-is-triggering-multiple-time/75922 "2023-03-04T01:05:41Z")

</div>

The UI is repeatedly triggered when flow is deployed.

---

## [✨ FlexDash alpha release - round 3](https://discourse.nodered.org/t/flexdash-alpha-release-round-3/72562)

<div class="topic-metadata">

**Author:** [@tve](https://discourse.nodered.org/u/tve)\
**Replies:** 148\
**Last updated:** [3 March 2023 18:54 UTC](https://discourse.nodered.org/t/flexdash-alpha-release-round-3/72562 "2023-03-03T18:54:54Z")

</div>

The FlexDash 'round 2' thread has gotten to 145 posts so I thought it's time to start a fresh thread. I put it into the Dashboard category, hope that's OK. New release! 21 Dec 16:43:03 - \[info\] Node-RED FlexDash plugin …

---

## [Button normally open](https://discourse.nodered.org/t/button-normally-open/75390)

<div class="topic-metadata">

**Author:** [@Loveflowersx](https://discourse.nodered.org/u/Loveflowersx)\
**Replies:** 15\
**Last updated:** [3 March 2023 17:29 UTC](https://discourse.nodered.org/t/button-normally-open/75390 "2023-03-03T17:29:49Z")

</div>

Hello everyone Reference to post Momentary switch or button (normally open) I don't understand how to do it, I would like it to remain true when pressed and false when not pressed. I am trying to do it with an LED node…

---

## [\[ Flexdash \] \[@flexdash/mode-red-fd-corewidgets \]](https://discourse.nodered.org/t/flexdash-flexdash-mode-red-fd-corewidgets/75997)

<div class="topic-metadata">

**Author:** [@JulesRosette](https://discourse.nodered.org/u/JulesRosette)\
**Replies:** 10\
**Last updated:** [3 March 2023 11:13 UTC](https://discourse.nodered.org/t/flexdash-flexdash-mode-red-fd-corewidgets/75997 "2023-03-03T11:13:29Z")

</div>

HI, By using the example inside "Import" i tried to run the Hello-world example for flexdash. But when i tried to deploy ther project i alway get the error : "The workspace contains some unknown node types:\* flexdash t…

---

## [How to make a download button with the Template-Node (Dashboard)](https://discourse.nodered.org/t/how-to-make-a-download-button-with-the-template-node-dashboard/76044)

<div class="topic-metadata">

**Author:** [@Larssers](https://discourse.nodered.org/u/Larssers)\
**Replies:** 1\
**Last updated:** [3 March 2023 11:11 UTC](https://discourse.nodered.org/t/how-to-make-a-download-button-with-the-template-node-dashboard/76044 "2023-03-03T11:11:45Z")

</div>

Hi, I am pretty new to Node-Red and need some help here. Also English isn't my first language, so please be patient with me. My goal currently is to make a UI, where you can upload a file, which get some format changes …

---

## [Restricting HTML injection](https://discourse.nodered.org/t/restricting-html-injection/76052)

<div class="topic-metadata">

**Author:** [@MOUNIKA0536](https://discourse.nodered.org/u/MOUNIKA0536)\
**Replies:** 1\
**Last updated:** [3 March 2023 11:08 UTC](https://discourse.nodered.org/t/restricting-html-injection/76052 "2023-03-03T11:08:03Z")

</div>

How to avoid html injection in node red default nodes.

---

## [Dropdown in table](https://discourse.nodered.org/t/dropdown-in-table/76000)

<div class="topic-metadata">

**Author:** [@Manuel\_o](https://discourse.nodered.org/u/Manuel_o)\
**Replies:** 0\
**Last updated:** [2 March 2023 15:54 UTC](https://discourse.nodered.org/t/dropdown-in-table/76000 "2023-03-02T15:54:54Z")

</div>

Hello. I try to implement a dropdown menu into my table. I read a lot about, that it is the hardest, but best way to create good dashbaords with the tabulator. But i am asking myselft how to integrate a simple dropdow…

---

## [Dropdown list: click several times on the same line](https://discourse.nodered.org/t/dropdown-list-click-several-times-on-the-same-line/75993)

<div class="topic-metadata">

**Author:** [@SuperNinja](https://discourse.nodered.org/u/SuperNinja)\
**Replies:** 2\
**Last updated:** [2 March 2023 15:33 UTC](https://discourse.nodered.org/t/dropdown-list-click-several-times-on-the-same-line/75993 "2023-03-02T15:33:07Z")

</div>

Hi all, I have a drop-down list with various actions. For example resetting a counter. This counter must often be reset but I cannot click twice on the same line of the drop-down list. (Today I have to select another a…

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

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