# Dashboard

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

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

**Page:** 94

---

## [Dashboard line graph very hard to select data point](https://discourse.nodered.org/t/dashboard-line-graph-very-hard-to-select-data-point/65791)

<div class="topic-metadata">

**Author:** [@cpetry](https://discourse.nodered.org/u/cpetry)\
**Replies:** 0\
**Last updated:** [29 July 2022 17:03 UTC](https://discourse.nodered.org/t/dashboard-line-graph-very-hard-to-select-data-point/65791 "2022-07-29T17:03:16Z")

</div>

Hello, I noticed on my dashboard line graph ( no interpolation) selecting a data point for viewing the actual value is very hard. At least on mobile phone it is sometimes nearly impossible to hit the data point. Is it …

---

## [Gauge swings L/R from centre](https://discourse.nodered.org/t/gauge-swings-l-r-from-centre/65661)

<div class="topic-metadata">

**Author:** [@RichdeCrep](https://discourse.nodered.org/u/RichdeCrep)\
**Replies:** 3\
**Last updated:** [29 July 2022 16:06 UTC](https://discourse.nodered.org/t/gauge-swings-l-r-from-centre/65661 "2022-07-29T16:06:02Z")

</div>

Hi, I'd like to display a guage that shows energy flow into/out of the house. At zero flow, the guage points upwards (12 o'clock) with a value of 0 At negative flow (exporting to the grid) I want the pointer to rotate…

---

## [Grid layout out of order - forcing new row? (any news?)](https://discourse.nodered.org/t/grid-layout-out-of-order-forcing-new-row-any-news/65764)

<div class="topic-metadata">

**Author:** [@Horst](https://discourse.nodered.org/u/Horst)\
**Replies:** 4\
**Last updated:** [29 July 2022 08:42 UTC](https://discourse.nodered.org/t/grid-layout-out-of-order-forcing-new-row-any-news/65764 "2022-07-29T08:42:26Z")

</div>

I am running into the same problem as another post already described here I have a dashboard set up like (order verified by exporting nodes): ui\_text, 3x1, order: 1 ui\_text, 3x1, order: 2 ui\_text, 3x1, order: 3 switc…

---

## [When installing dependency node-red-dashboard 2.21.0 cannot reconnect to node-red](https://discourse.nodered.org/t/when-installing-dependency-node-red-dashboard-2-21-0-cannot-reconnect-to-node-red/64997)

<div class="topic-metadata">

**Author:** [@nickbou](https://discourse.nodered.org/u/nickbou)\
**Replies:** 17\
**Last updated:** [27 July 2022 08:26 UTC](https://discourse.nodered.org/t/when-installing-dependency-node-red-dashboard-2-21-0-cannot-reconnect-to-node-red/64997 "2022-07-27T08:26:47Z")

</div>

Hello, i have a weird issue. i use a raspberry pi debian sw. I clone a project from bitbucket and install the dependecies needed. when i install the . "node-red-dashboard 2.21.0 " dependency node red crashes and i can…

---

## [Is it possible to include inbuilt dashboard nodes inside template node in node-red dashboard](https://discourse.nodered.org/t/is-it-possible-to-include-inbuilt-dashboard-nodes-inside-template-node-in-node-red-dashboard/65361)

<div class="topic-metadata">

**Author:** [@iotgroup04](https://discourse.nodered.org/u/iotgroup04)\
**Replies:** 4\
**Last updated:** [24 July 2022 14:39 UTC](https://discourse.nodered.org/t/is-it-possible-to-include-inbuilt-dashboard-nodes-inside-template-node-in-node-red-dashboard/65361 "2022-07-24T14:39:14Z")

</div>

I'm trying to create my own dashboard node using the template node. But I want include some already available dashboard nodes like charts & buttons inside that custom template node. Is it possible ? Thank you

---

## [Graphic display of ping results](https://discourse.nodered.org/t/graphic-display-of-ping-results/65390)

<div class="topic-metadata">

**Author:** [@alexander77](https://discourse.nodered.org/u/alexander77)\
**Replies:** 3\
**Last updated:** [24 July 2022 13:14 UTC](https://discourse.nodered.org/t/graphic-display-of-ping-results/65390 "2022-07-24T13:14:35Z")

</div>

Hi, i want to monitor a small Network with ~ 18 fixed devices. For that reason i ping them every 15 minutes. To visualize the result i tried a state-trail node. Unfortunately, the state trail clears after the configur…

---

## [Tabs as embedded windows/modals/dialogs](https://discourse.nodered.org/t/tabs-as-embedded-windows-modals-dialogs/65443)

<div class="topic-metadata">

**Author:** [@Fruerlund](https://discourse.nodered.org/u/Fruerlund)\
**Replies:** 1\
**Last updated:** [22 July 2022 16:36 UTC](https://discourse.nodered.org/t/tabs-as-embedded-windows-modals-dialogs/65443 "2022-07-22T16:36:24Z")

</div>

Hey all! I've searched the WWW for a solution but have yet to come upon something that is working or similar to my needs. The project I am working on is a light controller GUI. The setup consists of ESP8266 devices whi…

---

## [Chart node's x-axis labels not showing up](https://discourse.nodered.org/t/chart-nodes-x-axis-labels-not-showing-up/65429)

<div class="topic-metadata">

**Author:** [@AshanGlenn94](https://discourse.nodered.org/u/AshanGlenn94)\
**Replies:** 0\
**Last updated:** [21 July 2022 16:05 UTC](https://discourse.nodered.org/t/chart-nodes-x-axis-labels-not-showing-up/65429 "2022-07-21T16:05:12Z")

</div>

I have a NodeRED dashboard which is a regular line chart. Now the chart get's all the data and graph the 2 lines as I would expect but I tried to replace the x-axis(default output : time) with real time 'footage'. Not su…

---

## [View video file in ui](https://discourse.nodered.org/t/view-video-file-in-ui/5240)

<div class="topic-metadata">

**Author:** [@Dave](https://discourse.nodered.org/u/Dave)\
**Replies:** 7\
**Last updated:** [2 December 2018 17:54 UTC](https://discourse.nodered.org/t/view-video-file-in-ui/5240 "2018-12-02T17:54:47Z")

</div>

Hi I am trying to display a mp4 video from a file which is in my httpStatic folder, on the dashboard, my code is below, whilst this works I want to add some code in say a function or a template node to inject the file na…

---

## [Save dashboard ui\_Form to a file and read it to same ui\_Form](https://discourse.nodered.org/t/save-dashboard-ui-form-to-a-file-and-read-it-to-same-ui-form/65387)

<div class="topic-metadata">

**Author:** [@AirsoftSystem90](https://discourse.nodered.org/u/AirsoftSystem90)\
**Replies:** 1\
**Last updated:** [20 July 2022 20:04 UTC](https://discourse.nodered.org/t/save-dashboard-ui-form-to-a-file-and-read-it-to-same-ui-form/65387 "2022-07-20T20:04:41Z")

</div>

Hi, I have been testing a bit to save my form data into a text file and it works. I can read the txt data but it wont populate my form. I think i have to save the from data in some diffrent format or something? Any hin…

---

## [Change position of notification pop up](https://discourse.nodered.org/t/change-position-of-notification-pop-up/65279)

<div class="topic-metadata">

**Author:** [@tcr000](https://discourse.nodered.org/u/tcr000)\
**Replies:** 2\
**Last updated:** [18 July 2022 17:56 UTC](https://discourse.nodered.org/t/change-position-of-notification-pop-up/65279 "2022-07-18T17:56:07Z")

</div>

Is it possible to change the position of the dashboard notification pop up? The OK Cancel Dialog and the OK Cancel Dialog with input appear in the middle of the screen. I need to move them up because I have a virtual key…

---

## [Uibuilder - Socket.IO failed to load for NS](https://discourse.nodered.org/t/uibuilder-socket-io-failed-to-load-for-ns/65241)

<div class="topic-metadata">

**Author:** [@TheadehAnank](https://discourse.nodered.org/u/TheadehAnank)\
**Replies:** 4\
**Last updated:** [18 July 2022 01:55 UTC](https://discourse.nodered.org/t/uibuilder-socket-io-failed-to-load-for-ns/65241 "2022-07-18T01:55:41Z")

</div>

I tried to update from a older 4.0 version of uibuilder, to the latest. the uibuilder nodes are reporting the following when node red is deployed, and unfortuately none of my html/css/js is rendering correctly anymore. T…

---

## [Node Red Bubble Chart js](https://discourse.nodered.org/t/node-red-bubble-chart-js/65142)

<div class="topic-metadata">

**Author:** [@FatimaSeemab](https://discourse.nodered.org/u/FatimaSeemab)\
**Replies:** 6\
**Last updated:** [17 July 2022 19:13 UTC](https://discourse.nodered.org/t/node-red-bubble-chart-js/65142 "2022-07-17T19:13:22Z")

</div>

Hi everybody, I am new in node-red I do not know how to configure the bubble chart node as I have to plot DateTime on x-axes and an integer(temperature) on y axes. Can anyone share an example flow or guide?

---

## [Node-red-contrib-image-output passthrough to UI template](https://discourse.nodered.org/t/node-red-contrib-image-output-passthrough-to-ui-template/65180)

<div class="topic-metadata">

**Author:** [@Chris](https://discourse.nodered.org/u/Chris)\
**Replies:** 13\
**Last updated:** [16 July 2022 15:38 UTC](https://discourse.nodered.org/t/node-red-contrib-image-output-passthrough-to-ui-template/65180 "2022-07-16T15:38:27Z")

</div>

Hello, I use usb webcam node(capture one image) + face recognition node + image output node + ui template, and try to display facial result on dashboard. Do you know how to allow image passthrough(node-red-contrib-image…

---

## [Change graphical properties of dashboard components as text, digital display](https://discourse.nodered.org/t/change-graphical-properties-of-dashboard-components-as-text-digital-display/64554)

<div class="topic-metadata">

**Author:** [@denissanga](https://discourse.nodered.org/u/denissanga)\
**Replies:** 3\
**Last updated:** [16 July 2022 10:32 UTC](https://discourse.nodered.org/t/change-graphical-properties-of-dashboard-components-as-text-digital-display/64554 "2022-07-16T10:32:46Z")

</div>

hi all, i'm writing a dashboard in node-red and I don't know how to customize color, form, style etc of many components as text label, digital display...there is a way to customize them?

---

## [Run firefox --kiosk automatically](https://discourse.nodered.org/t/run-firefox-kiosk-automatically/65155)

<div class="topic-metadata">

**Author:** [@denissanga](https://discourse.nodered.org/u/denissanga)\
**Replies:** 0\
**Last updated:** [15 July 2022 17:31 UTC](https://discourse.nodered.org/t/run-firefox-kiosk-automatically/65155 "2022-07-15T17:31:00Z")

</div>

Hi all, 1) I would like run firefox --kiosk http://127.0.0.1:1880/ui on my screen just when page is correctly created by node-red service and not before, because running it on boot a page of unreachable page appears. 2…

---

## [Viewing a PDF from the dashboard](https://discourse.nodered.org/t/viewing-a-pdf-from-the-dashboard/65086)

<div class="topic-metadata">

**Author:** [@carflomi](https://discourse.nodered.org/u/carflomi)\
**Replies:** 5\
**Last updated:** [15 July 2022 09:18 UTC](https://discourse.nodered.org/t/viewing-a-pdf-from-the-dashboard/65086 "2022-07-15T09:18:03Z")

</div>

Hello. I am trying to view a pdf from inside a dashboard. More specifically: by clicking on a button, to be able to open a pdf (always the same pdf the user does not need to search for it). When the button is pressed …

---

## [Add Logo in Titlebar](https://discourse.nodered.org/t/add-logo-in-titlebar/65080)

<div class="topic-metadata">

**Author:** [@quickquestion](https://discourse.nodered.org/u/quickquestion)\
**Replies:** 1\
**Last updated:** [14 July 2022 12:11 UTC](https://discourse.nodered.org/t/add-logo-in-titlebar/65080 "2022-07-14T12:11:47Z")

</div>

I want to add a Logo to my Node Red Dashboard, it should go in the corner where the clock is now (screenshot). I dont know anything about css in node red, i hope somebody can help me

---

## [How can i mention my "ui-button" code in the function node when it is pressed?](https://discourse.nodered.org/t/how-can-i-mention-my-ui-button-code-in-the-function-node-when-it-is-pressed/64819)

<div class="topic-metadata">

**Author:** [@JackJackTan414](https://discourse.nodered.org/u/JackJackTan414)\
**Replies:** 11\
**Last updated:** [14 July 2022 12:29 UTC](https://discourse.nodered.org/t/how-can-i-mention-my-ui-button-code-in-the-function-node-when-it-is-pressed/64819 "2022-07-14T12:29:23Z")

</div>

Hello guys, i wanted to implement an "if "statement to execute the action once the button is pressed. By referring to my simple code below, other than using msg.payload or msg.topic , is there any other statement i can u…

---

## [Chart node background customization](https://discourse.nodered.org/t/chart-node-background-customization/65024)

<div class="topic-metadata">

**Author:** [@kocherjj](https://discourse.nodered.org/u/kocherjj)\
**Replies:** 2\
**Last updated:** [14 July 2022 12:09 UTC](https://discourse.nodered.org/t/chart-node-background-customization/65024 "2022-07-14T12:09:11Z")

</div>

I have been using the chart node to track the temperature in my home for a while now. I am currently polling several temperature readings from around the house and pushing the average into a chart node every 5 minutes to…

---

## [Change border color to text input node](https://discourse.nodered.org/t/change-border-color-to-text-input-node/13288)

<div class="topic-metadata">

**Author:** [@sysman83](https://discourse.nodered.org/u/sysman83)\
**Replies:** 9\
**Last updated:** [13 July 2022 15:30 UTC](https://discourse.nodered.org/t/change-border-color-to-text-input-node/13288 "2022-07-13T15:30:14Z")

</div>

Hi, I’ve been working on a home project using the dashboard ui nodes. I’ve been able to change dynamically the text and background colors of the buttons. However, the one item I haven’t figured out is how to change the …

---

## [Trying to create a dashboard with a quantity, a dropdown and a button and get the data when button pushed](https://discourse.nodered.org/t/trying-to-create-a-dashboard-with-a-quantity-a-dropdown-and-a-button-and-get-the-data-when-button-pushed/65011)

<div class="topic-metadata">

**Author:** [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Replies:** 2\
**Last updated:** [12 July 2022 17:24 UTC](https://discourse.nodered.org/t/trying-to-create-a-dashboard-with-a-quantity-a-dropdown-and-a-button-and-get-the-data-when-button-pushed/65011 "2022-07-12T17:24:35Z")

</div>

NR v2.2.2 Dashboard v3.1.7 I've been beating my head about this and it should be easy but my 'Foo' is failing today (and it's hot outside and in) This is a simple example of what I want (I'm actualy building a parts i…

---

## [Payload values to CSS variable](https://discourse.nodered.org/t/payload-values-to-css-variable/64980)

<div class="topic-metadata">

**Author:** [@Kundepuu](https://discourse.nodered.org/u/Kundepuu)\
**Replies:** 4\
**Last updated:** [12 July 2022 08:19 UTC](https://discourse.nodered.org/t/payload-values-to-css-variable/64980 "2022-07-12T08:19:01Z")

</div>

I need to put msg.kylmäpiste and msg. lämpöpiste into root variables to move corresponding balls in the flow template node \<div id="bgr"\> \<div class="txt" id="txt1"\>{{msg.s1}}\</div\> \<div class="txt" id="…

---

## [Bar chart refused to show value](https://discourse.nodered.org/t/bar-chart-refused-to-show-value/64783)

<div class="topic-metadata">

**Author:** [@littlestupid](https://discourse.nodered.org/u/littlestupid)\
**Replies:** 18\
**Last updated:** [12 July 2022 04:09 UTC](https://discourse.nodered.org/t/bar-chart-refused-to-show-value/64783 "2022-07-12T04:09:02Z")

</div>

Good day innovation people, I would like to show this value on the bar chart, unfortunately my chart appear no data. above is the msg from the debug node. Below I attach my chart value. please help me show this value…

---

## [How to get current google material design icons?](https://discourse.nodered.org/t/how-to-get-current-google-material-design-icons/64921)

<div class="topic-metadata">

**Author:** [@ForumSchlampe](https://discourse.nodered.org/u/ForumSchlampe)\
**Replies:** 2\
**Last updated:** [11 July 2022 16:11 UTC](https://discourse.nodered.org/t/how-to-get-current-google-material-design-icons/64921 "2022-07-11T16:11:13Z")

</div>

Hi there, i have read about available icons and googe material design icons where mentioned to be usable with the prefix mi- But when i check on Material Symbols and Icons - Google Fonts the toggle icon looks different…

---

## [Chart style fixing](https://discourse.nodered.org/t/chart-style-fixing/64927)

<div class="topic-metadata">

**Author:** [@Kundepuu](https://discourse.nodered.org/u/Kundepuu)\
**Replies:** 1\
**Last updated:** [11 July 2022 08:15 UTC](https://discourse.nodered.org/t/chart-style-fixing/64927 "2022-07-11T08:15:47Z")

</div>

I use Amcharts heat map chart and need to change one property. I find from dev tool right place this is original fixed in dev tools I cant get right colors chart, if I try to write this overriding in templat…

---

## [Text input node datetime picker](https://discourse.nodered.org/t/text-input-node-datetime-picker/64913)

<div class="topic-metadata">

**Author:** [@davidz](https://discourse.nodered.org/u/davidz)\
**Replies:** 3\
**Last updated:** [10 July 2022 21:12 UTC](https://discourse.nodered.org/t/text-input-node-datetime-picker/64913 "2022-07-10T21:12:01Z")

</div>

The "date and time" option in the text input node is really promising. Users do not need to use a separate date picker with this option. There are two issues with the "date and time" option: Firefox compatibility. In…

---

## [Display text in dashboard from string getting from a function](https://discourse.nodered.org/t/display-text-in-dashboard-from-string-getting-from-a-function/64844)

<div class="topic-metadata">

**Author:** [@Nuri](https://discourse.nodered.org/u/Nuri)\
**Replies:** 4\
**Last updated:** [9 July 2022 12:33 UTC](https://discourse.nodered.org/t/display-text-in-dashboard-from-string-getting-from-a-function/64844 "2022-07-09T12:33:09Z")

</div>

Hi Forum, first of all, I am a newbie. I am trying to display a text in the dashboard in the color I get from a function. here once the template: \<body\> \<p style="color": msg.payload \>test\</p\> \</body\> and here the…

---

## [Setting authentication for dashboard only](https://discourse.nodered.org/t/setting-authentication-for-dashboard-only/64789)

<div class="topic-metadata">

**Author:** [@lizzardguki](https://discourse.nodered.org/u/lizzardguki)\
**Replies:** 2\
**Last updated:** [7 July 2022 09:30 UTC](https://discourse.nodered.org/t/setting-authentication-for-dashboard-only/64789 "2022-07-07T09:30:32Z")

</div>

I know it's possible to set authentication on all node-red endpoints via 'httpNodeauth'. But is there a way to set authentication on dashboard only?

---

## [Horizontal Bar Chart: hide specific bars](https://discourse.nodered.org/t/horizontal-bar-chart-hide-specific-bars/5028)

<div class="topic-metadata">

**Author:** [@JayGhb](https://discourse.nodered.org/u/JayGhb)\
**Replies:** 3\
**Last updated:** [7 July 2022 07:20 UTC](https://discourse.nodered.org/t/horizontal-bar-chart-hide-specific-bars/5028 "2022-07-07T07:20:50Z")

</div>

Hello! I would like to post a question regarding the horizontal bar chart "hiding bars" functionality. As seen in the image below, I know it is possible to hide specific lines in a Line chart by clicking the boxes corr…

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

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