# Dashboard

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

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

**Page:** 214

---

## [Trying to set template font color based on msg.payload value](https://discourse.nodered.org/t/trying-to-set-template-font-color-based-on-msg-payload-value/4781)

<div class="topic-metadata">

**Author:** [@jmacle](https://discourse.nodered.org/u/jmacle)\
**Replies:** 1\
**Last updated:** [12 November 2018 11:18 UTC](https://discourse.nodered.org/t/trying-to-set-template-font-color-based-on-msg-payload-value/4781 "2018-11-12T11:18:08Z")

</div>

Hey guys, I'm trying to set a font color in dashboard based on a value received in msg.payload. I've got the following code in the template node, but not having any luck: \<div\>Status:\<b style="color:blue;" id="status"\>U…

---

## [3D plot in NodeRed](https://discourse.nodered.org/t/3d-plot-in-nodered/4602)

<div class="topic-metadata">

**Author:** [@e0003315](https://discourse.nodered.org/u/e0003315)\
**Replies:** 11\
**Last updated:** [11 November 2018 00:47 UTC](https://discourse.nodered.org/t/3d-plot-in-nodered/4602 "2018-11-11T00:47:24Z")

</div>

Hi, Does anyone know how to plot a 3d scatter plot in node red? A flow example will be great! I want to create a plot that allows inputs and update in real time.

---

## [Switch node causes Feedback!](https://discourse.nodered.org/t/switch-node-causes-feedback/4757)

<div class="topic-metadata">

**Author:** [@Gaff](https://discourse.nodered.org/u/Gaff)\
**Replies:** 2\
**Last updated:** [10 November 2018 18:58 UTC](https://discourse.nodered.org/t/switch-node-causes-feedback/4757 "2018-11-10T18:58:32Z")

</div>

Hi, I've noticed that the swicth node is causing feedback. Perhaps it's simplest to explain with a diagram: When I click on the ON inject node the following happens: Nodered sends a power on command over MQTT Sonoff…

---

## [Editable table in template node](https://discourse.nodered.org/t/editable-table-in-template-node/461)

<div class="topic-metadata">

**Author:** [@karlbo](https://discourse.nodered.org/u/karlbo)\
**Replies:** 11\
**Last updated:** [10 November 2018 06:33 UTC](https://discourse.nodered.org/t/editable-table-in-template-node/461 "2018-11-10T06:33:55Z")

</div>

Hi, i will move this topic from groups in google forum to here my problem: im sending data from mysql to template node displaying in a table. im using the code of Steve Rickus, great code by the way some changes incl…

---

## [Is it Possible to Collect Datas with Visualizing with Nodered](https://discourse.nodered.org/t/is-it-possible-to-collect-datas-with-visualizing-with-nodered/3818)

<div class="topic-metadata">

**Author:** [@wtrk](https://discourse.nodered.org/u/wtrk)\
**Replies:** 41\
**Last updated:** [9 November 2018 12:02 UTC](https://discourse.nodered.org/t/is-it-possible-to-collect-datas-with-visualizing-with-nodered/3818 "2018-11-09T12:02:18Z")

</div>

I done something with dsm node and when the device shut down and up it is showing in dashboard. My question is this is it possible to any statistic showing with nodered like acronis dashboard pict below?

---

## [Updating template one variable at a time](https://discourse.nodered.org/t/updating-template-one-variable-at-a-time/4546)

<div class="topic-metadata">

**Author:** [@Marooned](https://discourse.nodered.org/u/Marooned)\
**Replies:** 7\
**Last updated:** [8 November 2018 09:40 UTC](https://discourse.nodered.org/t/updating-template-one-variable-at-a-time/4546 "2018-11-08T09:40:30Z")

</div>

I was unable to find the answer to quite a simple question (I would guess). Having template with multiple {{variables}}, I would expect to update only ones with passed value but it looks like the whole template is being…

---

## [eCharts as JavaScript external chart library](https://discourse.nodered.org/t/echarts-as-javascript-external-chart-library/4578)

<div class="topic-metadata">

**Author:** [@rcardos1](https://discourse.nodered.org/u/rcardos1)\
**Replies:** 2\
**Last updated:** [8 November 2018 02:07 UTC](https://discourse.nodered.org/t/echarts-as-javascript-external-chart-library/4578 "2018-11-08T02:07:38Z")

</div>

Hi Community, I've tested sucessfully the Morris.js example posted in the programming guide and applied it to an a home app of mine with a nice improvement on the charts views of the built app. This was on "Node-RED: L…

---

## [Return msg from ui\_template node](https://discourse.nodered.org/t/return-msg-from-ui-template-node/4651)

<div class="topic-metadata">

**Author:** [@rerrico](https://discourse.nodered.org/u/rerrico)\
**Replies:** 3\
**Last updated:** [7 November 2018 22:14 UTC](https://discourse.nodered.org/t/return-msg-from-ui-template-node/4651 "2018-11-07T22:14:00Z")

</div>

Hi: I have code in a ui\_template node and i want to return the file name, in this case $("#file-name").text(this.files\[0\].name); to a connected node. How would that be done in the below code: \<html\> \<head\> \<meta http-…

---

## [Making a custom ui\_node : using external angular libraries](https://discourse.nodered.org/t/making-a-custom-ui-node-using-external-angular-libraries/4510)

<div class="topic-metadata">

**Author:** [@edorgeville](https://discourse.nodered.org/u/edorgeville)\
**Replies:** 2\
**Last updated:** [7 November 2018 20:07 UTC](https://discourse.nodered.org/t/making-a-custom-ui-node-using-external-angular-libraries/4510 "2018-11-07T20:07:57Z")

</div>

Hi everyone, I'm trying to make a custom node using the newly published guide at https://github.com/node-red/node-red-dashboard/wiki/Creating-New-Dashboard-Widgets. To save some time, I want to reuse the angular keypad …

---

## [Method to interact bewteen node-red/JS/HTML/CSS ui\_template](https://discourse.nodered.org/t/method-to-interact-bewteen-node-red-js-html-css-ui-template/4229)

<div class="topic-metadata">

**Author:** [@Bobet21](https://discourse.nodered.org/u/Bobet21)\
**Replies:** 21\
**Last updated:** [7 November 2018 14:27 UTC](https://discourse.nodered.org/t/method-to-interact-bewteen-node-red-js-html-css-ui-template/4229 "2018-11-07T14:27:54Z")

</div>

Hey, Keeping up on my battery application (node is copied below) - I am trying to get my msg.payload to animate HTML and CSS and I am not quite sure how to do this. The example of the ui\_template suggests that the HTML…

---

## [HTTP Response Node Page](https://discourse.nodered.org/t/http-response-node-page/4623)

<div class="topic-metadata">

**Author:** [@rerrico](https://discourse.nodered.org/u/rerrico)\
**Replies:** 3\
**Last updated:** [7 November 2018 13:57 UTC](https://discourse.nodered.org/t/http-response-node-page/4623 "2018-11-07T13:57:58Z")

</div>

I have two buttons on a Dashboard, one to select a file and one to upload it. That part works fine, but I would like to find a way to not go to a new page where the the msg payload is displayed (in this case the path an…

---

## [Dashboard -\> Numeric Input multiple Values](https://discourse.nodered.org/t/dashboard-numeric-input-multiple-values/4571)

<div class="topic-metadata">

**Author:** [@hermann1514](https://discourse.nodered.org/u/hermann1514)\
**Replies:** 4\
**Last updated:** [5 November 2018 10:09 UTC](https://discourse.nodered.org/t/dashboard-numeric-input-multiple-values/4571 "2018-11-05T10:09:12Z")

</div>

Hi, I control my openhab2 with Nodered. Now I have the following problem: I have created a dashboard with some "numeric inputs" to set the temperature of the heater. If I now want to set the temperature from 22.0 to …

---

## [Make invisible a button](https://discourse.nodered.org/t/make-invisible-a-button/4561)

<div class="topic-metadata">

**Author:** [@cpaolojo](https://discourse.nodered.org/u/cpaolojo)\
**Replies:** 1\
**Last updated:** [4 November 2018 21:26 UTC](https://discourse.nodered.org/t/make-invisible-a-button/4561 "2018-11-04T21:26:00Z")

</div>

Hi all! I've create a button using the template node. The code to do this is the following: \<text x="400" y="125" style="text-anchor:middle" font-weight="bold" font-size="80" font-family="Aria…

---

## [Button size using template node](https://discourse.nodered.org/t/button-size-using-template-node/4008)

<div class="topic-metadata">

**Author:** [@cpaolojo](https://discourse.nodered.org/u/cpaolojo)\
**Replies:** 10\
**Last updated:** [4 November 2018 18:49 UTC](https://discourse.nodered.org/t/button-size-using-template-node/4008 "2018-11-04T18:49:54Z")

</div>

Hi all! I've create a button using the template node. The code to do this is the following: \<md-button class="vibrate filled touched bigfont rounded" style="background-color:black" ng-click="send({payload: msg.payload …

---

## [Black screen on Android Webview](https://discourse.nodered.org/t/black-screen-on-android-webview/4496)

<div class="topic-metadata">

**Author:** [@iungo](https://discourse.nodered.org/u/iungo)\
**Replies:** 6\
**Last updated:** [4 November 2018 09:10 UTC](https://discourse.nodered.org/t/black-screen-on-android-webview/4496 "2018-11-04T09:10:32Z")

</div>

I wrote a very simple android application to display fullscreen view for a localhost. When I starting it with url http://192.168.0.99:1880 I see nodered flows same as on browser, But when I go to dashboard page I see on…

---

## [Dashboard changes hosed me](https://discourse.nodered.org/t/dashboard-changes-hosed-me/4470)

<div class="topic-metadata">

**Author:** [@i8beef](https://discourse.nodered.org/u/i8beef)\
**Replies:** 2\
**Last updated:** [1 November 2018 18:17 UTC](https://discourse.nodered.org/t/dashboard-changes-hosed-me/4470 "2018-11-01T18:17:49Z")

</div>

I upgraded my Dashboard instance to 2.10.1 and I have two new issues. My menu, which I have set to black, suddenly the items on the menu inherit the colors used on md-list-item.\_md-button-wrap \> div.md-button Your n…

---

## [(Solved) Button Order Displaying Incorrectly](https://discourse.nodered.org/t/solved-button-order-displaying-incorrectly/4471)

<div class="topic-metadata">

**Author:** [@whatsupskip](https://discourse.nodered.org/u/whatsupskip)\
**Replies:** 2\
**Last updated:** [1 November 2018 06:24 UTC](https://discourse.nodered.org/t/solved-button-order-displaying-incorrectly/4471 "2018-11-01T06:24:13Z")

</div>

Configuration: Node-Red 0.19.5, Dashboard 2.10.1 I have made a simple Dashboard with about ten buttons on it, but they are not displaying in the order that they are configured in. The "Study Cool 26" and "Study Cool 23"…

---

## [How to set images and save files in Node-Red using Ubuntu Core](https://discourse.nodered.org/t/how-to-set-images-and-save-files-in-node-red-using-ubuntu-core/4453)

<div class="topic-metadata">

**Author:** [@Belen](https://discourse.nodered.org/u/Belen)\
**Replies:** 7\
**Last updated:** [31 October 2018 17:48 UTC](https://discourse.nodered.org/t/how-to-set-images-and-save-files-in-node-red-using-ubuntu-core/4453 "2018-10-31T17:48:12Z")

</div>

Hi! I want to set local images in dashboard too, but I have node-red installed in one Dell 3003 series, using Ubuntu Core. I'm extremely new on this (on ubuntu, I refer) and I don't know in where file dispose the httpSt…

---

## [Dashboard node grid size property](https://discourse.nodered.org/t/dashboard-node-grid-size-property/4448)

<div class="topic-metadata">

**Author:** [@DerekG007](https://discourse.nodered.org/u/DerekG007)\
**Replies:** 4\
**Last updated:** [31 October 2018 09:53 UTC](https://discourse.nodered.org/t/dashboard-node-grid-size-property/4448 "2018-10-31T09:53:48Z")

</div>

Hello, I'm sure this is an enhancement request, but I would know if there is any way possible to increase the width limit from 6 on the size property of the dashboard node. I would like to display a detailed data table…

---

## [Bar chart fill property](https://discourse.nodered.org/t/bar-chart-fill-property/4411)

<div class="topic-metadata">

**Author:** [@abra](https://discourse.nodered.org/u/abra)\
**Replies:** 11\
**Last updated:** [31 October 2018 06:02 UTC](https://discourse.nodered.org/t/bar-chart-fill-property/4411 "2018-10-31T06:02:54Z")

</div>

Is it possible to display only a line with the actual value when using a bar chart, instead of filling it ? If yes, is it possible to put 2 different values in the same bar chart, both displayed as a line (eventually wi…

---

## [Explicitly define the order of topics in dashboard chart](https://discourse.nodered.org/t/explicitly-define-the-order-of-topics-in-dashboard-chart/4380)

<div class="topic-metadata">

**Author:** [@daha76](https://discourse.nodered.org/u/daha76)\
**Replies:** 1\
**Last updated:** [29 October 2018 20:51 UTC](https://discourse.nodered.org/t/explicitly-define-the-order-of-topics-in-dashboard-chart/4380 "2018-10-29T20:51:33Z")

</div>

Hello, I have feature request for dashboard chart component. I was working on my very first dashboard and I would like to display several values in one chart with specific colors. I found some solution but some are com…

---

## [Saving dual line graph state to file gives write error, still works](https://discourse.nodered.org/t/saving-dual-line-graph-state-to-file-gives-write-error-still-works/3514)

<div class="topic-metadata">

**Author:** [@OverWorldD](https://discourse.nodered.org/u/OverWorldD)\
**Replies:** 7\
**Last updated:** [29 October 2018 08:55 UTC](https://discourse.nodered.org/t/saving-dual-line-graph-state-to-file-gives-write-error-still-works/3514 "2018-10-29T08:55:38Z")

</div>

Hi! First time poster, hope I'm making sense... I have got a flow that uses the graph node with two different msg.topics at the input to graph two lines. I also have single graphs. All graph states are saved in textfile…

---

## [Charting of future data](https://discourse.nodered.org/t/charting-of-future-data/983)

<div class="topic-metadata">

**Author:** [@Goofy2k](https://discourse.nodered.org/u/Goofy2k)\
**Replies:** 9\
**Last updated:** [28 October 2018 22:04 UTC](https://discourse.nodered.org/t/charting-of-future-data/983 "2018-10-28T22:04:36Z")

</div>

Hi, I want to chart weather predictions, that are obviously in the future. The actual data are in the payload property. I have a property dt where the timestamp (in the future) belonging to these data is. The chart node…

---

## [Two Lines in one chart](https://discourse.nodered.org/t/two-lines-in-one-chart/4332)

<div class="topic-metadata">

**Author:** [@TimSchmidt](https://discourse.nodered.org/u/TimSchmidt)\
**Replies:** 9\
**Last updated:** [28 October 2018 18:37 UTC](https://discourse.nodered.org/t/two-lines-in-one-chart/4332 "2018-10-28T18:37:09Z")

</div>

Hi, I want to show two lines in one line chart but it does not work. The data comes from two databases. This is my flow trying to make this work: Blockquote \[{"id":"b8f20df9.b9a5c","type":"debug","z":"c4548fd4.bc…

---

## [Problem on generate graphs from values stored in the database using multiple data points in a single graph](https://discourse.nodered.org/t/problem-on-generate-graphs-from-values-stored-in-the-database-using-multiple-data-points-in-a-single-graph/4352)

<div class="topic-metadata">

**Author:** [@roberto.zeni](https://discourse.nodered.org/u/roberto.zeni)\
**Replies:** 5\
**Last updated:** [28 October 2018 15:20 UTC](https://discourse.nodered.org/t/problem-on-generate-graphs-from-values-stored-in-the-database-using-multiple-data-points-in-a-single-graph/4352 "2018-10-28T15:20:14Z")

</div>

Hi all, I’m a newbie in node red! I would like to show dynamically multiple data points in a single chart. I found this great video sample: https://www.youtube.com/watch?v=ccKspiI8FRw&t=978s Flow sample at: https:/…

---

## [Energy monitor for heat pump](https://discourse.nodered.org/t/energy-monitor-for-heat-pump/4283)

<div class="topic-metadata">

**Author:** [@Rosenkrantz](https://discourse.nodered.org/u/Rosenkrantz)\
**Replies:** 10\
**Last updated:** [27 October 2018 06:41 UTC](https://discourse.nodered.org/t/energy-monitor-for-heat-pump/4283 "2018-10-27T06:41:23Z")

</div>

Hello. I want to keep track of my heat pumps energy consumption. I got a meter with a blinking diode it blinks 1000/kWh I know how to get the signal in to the raspberry pi and how to create a diagram. I just need to wh…

---

## [Use .csv file as the source for a dashboard chart?](https://discourse.nodered.org/t/use-csv-file-as-the-source-for-a-dashboard-chart/4292)

<div class="topic-metadata">

**Author:** [@nodecentral](https://discourse.nodered.org/u/nodecentral)\
**Replies:** 21\
**Last updated:** [26 October 2018 17:22 UTC](https://discourse.nodered.org/t/use-csv-file-as-the-source-for-a-dashboard-chart/4292 "2018-10-26T17:22:03Z")

</div>

Hi Please could someone let me know how I can use a .csv file as the source for a graph on the dashboard , so that when the .csv is updated, the chart updates too ? The .csv I have called Room Temp.csv has the followin…

---

## [Documentation for dashboard](https://discourse.nodered.org/t/documentation-for-dashboard/4276)

<div class="topic-metadata">

**Author:** [@Bambulko](https://discourse.nodered.org/u/Bambulko)\
**Replies:** 2\
**Last updated:** [26 October 2018 17:19 UTC](https://discourse.nodered.org/t/documentation-for-dashboard/4276 "2018-10-26T17:19:40Z")

</div>

hi do not you know where to find some documentation for html tags and css for ui\_template? thanks

---

## [Editing node-red-dashboard widgets - ui-gauge : ui-chart](https://discourse.nodered.org/t/editing-node-red-dashboard-widgets-ui-gauge-ui-chart/4323)

<div class="topic-metadata">

**Author:** [@Bobet21](https://discourse.nodered.org/u/Bobet21)\
**Replies:** 1\
**Last updated:** [26 October 2018 17:14 UTC](https://discourse.nodered.org/t/editing-node-red-dashboard-widgets-ui-gauge-ui-chart/4323 "2018-10-26T17:14:29Z")

</div>

Hello, General question there, is there an easy way to edit the node-red-dashboard node ? The reason i am asking is that i am trying to dissociate the value read by the gauge and the numeric value that is displayed. …

---

## [Error saving data to dump file](https://discourse.nodered.org/t/error-saving-data-to-dump-file/4322)

<div class="topic-metadata">

**Author:** [@Bambulko](https://discourse.nodered.org/u/Bambulko)\
**Replies:** 0\
**Last updated:** [26 October 2018 15:39 UTC](https://discourse.nodered.org/t/error-saving-data-to-dump-file/4322 "2018-10-26T15:39:07Z")

</div>

hi when i store data from chart to dump file, i have error: "failed to write to file: Error: write after end". you do not know why? thanks here is mi flow : \[{"id":"c0d99189.5b7cf","type":"ui\_chart","z":"76afcd8c.635…

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

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