# Dashboard

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

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

**Page:** 186

---

## [Extend Visualizations and Chart tools in Node-RED Dashaboard \[Vega-lite or Graphana?\]\]](https://discourse.nodered.org/t/extend-visualizations-and-chart-tools-in-node-red-dashaboard-vega-lite-or-graphana/22048)

<div class="topic-metadata">

**Author:** [@vongomben](https://discourse.nodered.org/u/vongomben)\
**Replies:** 3\
**Last updated:** [21 February 2020 19:47 UTC](https://discourse.nodered.org/t/extend-visualizations-and-chart-tools-in-node-red-dashaboard-vega-lite-or-graphana/22048 "2020-02-21T19:47:32Z")

</div>

Hi. I have a question regarding easy ways to visualize complex datasets . My needs are: interactive ways to see the data (hovering mouse to see values, changing the zoom of the axis, have multiple variables and dat…

---

## [Cannot activate/import #moment into #uibuilder](https://discourse.nodered.org/t/cannot-activate-import-moment-into-uibuilder/21844)

<div class="topic-metadata">

**Author:** [@stanleyseow](https://discourse.nodered.org/u/stanleyseow)\
**Replies:** 2\
**Last updated:** [20 February 2020 06:15 UTC](https://discourse.nodered.org/t/cannot-activate-import-moment-into-uibuilder/21844 "2020-02-20T06:15:58Z")

</div>

I could not use $moment functions even tho I loaded vue-moment.js with : \<script src="../uibuilder/vendor/vue-moment/dist/vue-moment.js"\>\</script\> and activated the plugins in index.js with :- Vue.use('vue-moment'); A…

---

## [Email for v1.0.3](https://discourse.nodered.org/t/email-for-v1-0-3/22037)

<div class="topic-metadata">

**Author:** [@rcbuck](https://discourse.nodered.org/u/rcbuck)\
**Replies:** 2\
**Last updated:** [21 February 2020 02:27 UTC](https://discourse.nodered.org/t/email-for-v1-0-3/22037 "2020-02-21T02:27:08Z")

</div>

Brand new installation v1.0.3 today. How do I install email for v1.0.3? I ran npm install node-red-node-email. It installed 36 packages but I get errors. pi@Garage-Door-Pi:~ cd .node-red/ pi@Garage-Door-Pi:~/.node-red…

---

## [Slider appearance: Slider gets shorter when label gets longer](https://discourse.nodered.org/t/slider-appearance-slider-gets-shorter-when-label-gets-longer/21995)

<div class="topic-metadata">

**Author:** [@SteveMann](https://discourse.nodered.org/u/SteveMann)\
**Replies:** 4\
**Last updated:** [20 February 2020 08:54 UTC](https://discourse.nodered.org/t/slider-appearance-slider-gets-shorter-when-label-gets-longer/21995 "2020-02-20T08:54:14Z")

</div>

How do I make the UI slider (Landing Light Dimmer) bigger and below the name?

---

## [Can I put a unicode character on the dashboard?](https://discourse.nodered.org/t/can-i-put-a-unicode-character-on-the-dashboard/21733)

<div class="topic-metadata">

**Author:** [@SteveMann](https://discourse.nodered.org/u/SteveMann)\
**Replies:** 13\
**Last updated:** [19 February 2020 11:58 UTC](https://discourse.nodered.org/t/can-i-put-a-unicode-character-on-the-dashboard/21733 "2020-02-19T11:58:01Z")

</div>

I have a value from 1 to 8 that I want to show on the dashboard as arrows. All I can do are simple arrows: ↑↓→←. Is there a way to do this using unicode or extended ASCII where I can also get arrows like these?

---

## [Ui-template node problems](https://discourse.nodered.org/t/ui-template-node-problems/21889)

<div class="topic-metadata">

**Author:** [@pvklink](https://discourse.nodered.org/u/pvklink)\
**Replies:** 8\
**Last updated:** [19 February 2020 08:39 UTC](https://discourse.nodered.org/t/ui-template-node-problems/21889 "2020-02-19T08:39:57Z")

</div>

I finally got my two toggle buttons (DEBUG AND CAM) ready. And now i created two new challenges... The size (height) of the new toggle button; i want this the same as my start button The description on the toggle butto…

---

## [Dashboard widgets inside subflows](https://discourse.nodered.org/t/dashboard-widgets-inside-subflows/7595)

<div class="topic-metadata">

**Author:** [@drmibell](https://discourse.nodered.org/u/drmibell)\
**Replies:** 8\
**Last updated:** [19 February 2020 07:09 UTC](https://discourse.nodered.org/t/dashboard-widgets-inside-subflows/7595 "2020-02-19T07:09:32Z")

</div>

The general question is whether ui widgets can work properly inside subflows. In particular, I want to use a ui\_switch node in a subflow. Each subflow instance produces a widget in the dashboard that operates independent…

---

## [How to start a specific flow without side menu](https://discourse.nodered.org/t/how-to-start-a-specific-flow-without-side-menu/21875)

<div class="topic-metadata">

**Author:** [@tmollow](https://discourse.nodered.org/u/tmollow)\
**Replies:** 4\
**Last updated:** [17 February 2020 20:41 UTC](https://discourse.nodered.org/t/how-to-start-a-specific-flow-without-side-menu/21875 "2020-02-17T20:41:58Z")

</div>

I like to use some flows without the side menu. Normally I start the dashboard with : 192.168.178.44:1880/ui and see the first flow 192.168.178.44:1880/ui/#!/0 To start the second flow I try: 192.168.178.44:1880/ui/#!…

---

## [Dashboard hide and show](https://discourse.nodered.org/t/dashboard-hide-and-show/21848)

<div class="topic-metadata">

**Author:** [@pvklink](https://discourse.nodered.org/u/pvklink)\
**Replies:** 1\
**Last updated:** [17 February 2020 12:54 UTC](https://discourse.nodered.org/t/dashboard-hide-and-show/21848 "2020-02-17T12:54:59Z")

</div>

Hi made a simple button HIDE with a payload to hide a tab.. Cant get it to work.. In the end the hide button must be a toggle button, hide/ show See my attachments flow \[{"id":"f3fa38e1.3683e","type":"tab","labe…

---

## [UI Template full screen](https://discourse.nodered.org/t/ui-template-full-screen/21842)

<div class="topic-metadata">

**Author:** [@andramalech](https://discourse.nodered.org/u/andramalech)\
**Replies:** 1\
**Last updated:** [17 February 2020 12:29 UTC](https://discourse.nodered.org/t/ui-template-full-screen/21842 "2020-02-17T12:29:27Z")

</div>

I Know this may be a simple question but i have been trying to display a weight full screen as large a possible . i cant seem to get the font large enough. i am using this as a remote scale display. any help would be app…

---

## [Place UI in root and w/o port number](https://discourse.nodered.org/t/place-ui-in-root-and-w-o-port-number/21810)

<div class="topic-metadata">

**Author:** [@Rustimator](https://discourse.nodered.org/u/Rustimator)\
**Replies:** 3\
**Last updated:** [17 February 2020 10:48 UTC](https://discourse.nodered.org/t/place-ui-in-root-and-w-o-port-number/21810 "2020-02-17T10:48:31Z")

</div>

Hi, I have created a very simple "lights on/off" flow. For me, calling a url like http://home:1880/ui is fine to load the dashboard on my mobile phone. However for friends and family this is way too complicated. What th…

---

## [Arrange groups one below the other](https://discourse.nodered.org/t/arrange-groups-one-below-the-other/21781)

<div class="topic-metadata">

**Author:** [@Horst](https://discourse.nodered.org/u/Horst)\
**Replies:** 3\
**Last updated:** [17 February 2020 09:31 UTC](https://discourse.nodered.org/t/arrange-groups-one-below-the-other/21781 "2020-02-17T09:31:01Z")

</div>

Hi all, I'd like to stack some groups so they are appear one below the other. I know that they do this automatically when I change the width of the browser but I'd like to have this as a default / hardcoded. I searched…

---

## [Ui template // Send msg.topic from button click](https://discourse.nodered.org/t/ui-template-send-msg-topic-from-button-click/21786)

<div class="topic-metadata">

**Author:** [@node-n00b](https://discourse.nodered.org/u/node-n00b)\
**Replies:** 2\
**Last updated:** [17 February 2020 05:14 UTC](https://discourse.nodered.org/t/ui-template-send-msg-topic-from-button-click/21786 "2020-02-17T05:14:02Z")

</div>

Hy community, im struggling long time now with this: I want to do my own task/shopping list using node red and sqlite. So far: Sqlite works. Feeding through dashboard works. Doing select statemnts to show specific t…

---

## [Change icon in button](https://discourse.nodered.org/t/change-icon-in-button/6177)

<div class="topic-metadata">

**Author:** [@bandito1gan](https://discourse.nodered.org/u/bandito1gan)\
**Replies:** 12\
**Last updated:** [16 February 2020 18:26 UTC](https://discourse.nodered.org/t/change-icon-in-button/6177 "2020-02-16T18:26:23Z")

</div>

Hello and Merry Christmas! I have a question,can i change icon in button in this way? if i put icon code in button it is work good, but my Christmas dream is change icon in action :slight\_smile: Task: combine 2 blue b…

---

## [Send data from excel to dashboard](https://discourse.nodered.org/t/send-data-from-excel-to-dashboard/21792)

<div class="topic-metadata">

**Author:** [@Amranii1](https://discourse.nodered.org/u/Amranii1)\
**Replies:** 2\
**Last updated:** [16 February 2020 13:40 UTC](https://discourse.nodered.org/t/send-data-from-excel-to-dashboard/21792 "2020-02-16T13:40:12Z")

</div>

Plaise. How to send data from excel to dashboard

---

## [How to set switch dashboard default on](https://discourse.nodered.org/t/how-to-set-switch-dashboard-default-on/21743)

<div class="topic-metadata">

**Author:** [@Artwin](https://discourse.nodered.org/u/Artwin)\
**Replies:** 4\
**Last updated:** [16 February 2020 04:18 UTC](https://discourse.nodered.org/t/how-to-set-switch-dashboard-default-on/21743 "2020-02-16T04:18:18Z")

</div>

I want to set my switch dashboard on start is always on?

---

## [Preceding and trailing spaces are ignored with text input](https://discourse.nodered.org/t/preceding-and-trailing-spaces-are-ignored-with-text-input/21735)

<div class="topic-metadata">

**Author:** [@AsHex\_66](https://discourse.nodered.org/u/AsHex_66)\
**Replies:** 9\
**Last updated:** [15 February 2020 16:37 UTC](https://discourse.nodered.org/t/preceding-and-trailing-spaces-are-ignored-with-text-input/21735 "2020-02-15T16:37:04Z")

</div>

All, It appears that preceding spaces or trailing spaces are ignored in a text input. This becomes an issue when we do a 'password entry' There is also no trigger on the output when a space is entered. Example code \[…

---

## [Change Gauge node colors](https://discourse.nodered.org/t/change-gauge-node-colors/21722)

<div class="topic-metadata">

**Author:** [@RogierQ](https://discourse.nodered.org/u/RogierQ)\
**Replies:** 8\
**Last updated:** [15 February 2020 14:14 UTC](https://discourse.nodered.org/t/change-gauge-node-colors/21722 "2020-02-15T14:14:38Z")

</div>

Is this the correct place to post some gauge wishes? I am using it for scuba gas blending and would like to use some colors as indicators. In the normal gauge you can set gradients with sectors, but depending on the ty…

---

## [Changing Group Name using Subflow Env Variable](https://discourse.nodered.org/t/changing-group-name-using-subflow-env-variable/21746)

<div class="topic-metadata">

**Author:** [@crankshaft](https://discourse.nodered.org/u/crankshaft)\
**Replies:** 0\
**Last updated:** [15 February 2020 11:46 UTC](https://discourse.nodered.org/t/changing-group-name-using-subflow-env-variable/21746 "2020-02-15T11:46:46Z")

</div>

I've been using node-red for a couple of days and are still learning. I have a subflow that contains several gauges that are used on multiple different inputs, and are trying to set the Group Name using an environment v…

---

## [Disable Side Menu](https://discourse.nodered.org/t/disable-side-menu/15091)

<div class="topic-metadata">

**Author:** [@rwiest](https://discourse.nodered.org/u/rwiest)\
**Replies:** 6\
**Last updated:** [14 February 2020 17:36 UTC](https://discourse.nodered.org/t/disable-side-menu/15091 "2020-02-14T17:36:39Z")

</div>

hello, i'm using node / flow suggested by https://github.com/phyunsj/node-red-dashboard-login to control login. Someone who has already used and can help me with a question. Is it possible to disable the side menu only o…

---

## [Use of HTML Table in Template](https://discourse.nodered.org/t/use-of-html-table-in-template/21682)

<div class="topic-metadata">

**Author:** [@karlbo](https://discourse.nodered.org/u/karlbo)\
**Replies:** 7\
**Last updated:** [14 February 2020 17:01 UTC](https://discourse.nodered.org/t/use-of-html-table-in-template/21682 "2020-02-14T17:01:39Z")

</div>

Hi there, i have been developing varius tables for storing data and system setting via the template node and eventually to be stored in some sort of sql. untill now i had to rely on adding a save button on the end of eac…

---

## [Custom Button is too small](https://discourse.nodered.org/t/custom-button-is-too-small/21555)

<div class="topic-metadata">

**Author:** [@tobi-coder](https://discourse.nodered.org/u/tobi-coder)\
**Replies:** 2\
**Last updated:** [14 February 2020 16:22 UTC](https://discourse.nodered.org/t/custom-button-is-too-small/21555 "2020-02-14T16:22:51Z")

</div>

I'm very new to the dashboard and try to create a custom button using a ui template with this code: \<button class="md-raised md-button md-ink-ripple" type="button" ng-transclude="" ng-click="send({payload:'play\_mysono…

---

## [How to disable button ripple?](https://discourse.nodered.org/t/how-to-disable-button-ripple/21710)

<div class="topic-metadata">

**Author:** [@iungo](https://discourse.nodered.org/u/iungo)\
**Replies:** 0\
**Last updated:** [14 February 2020 14:59 UTC](https://discourse.nodered.org/t/how-to-disable-button-ripple/21710 "2020-02-14T14:59:42Z")

</div>

I'm using ui-control to change tabs by pressing the buttons, but button animation looks ugly slow PC. Maybe somebody know, how to disable button animation(ripple)?

---

## [Nored Dashboard page customized background color](https://discourse.nodered.org/t/nored-dashboard-page-customized-background-color/21688)

<div class="topic-metadata">

**Author:** [@Henjoe](https://discourse.nodered.org/u/Henjoe)\
**Replies:** 1\
**Last updated:** [14 February 2020 10:56 UTC](https://discourse.nodered.org/t/nored-dashboard-page-customized-background-color/21688 "2020-02-14T10:56:00Z")

</div>

Dear Node-red Experts, Is it possible to change the Dashboard page color ? let say I want to make a background color to be linear? It is like overriding the theme via UI template and apply some basic CSS to change the c…

---

## [Lights Control with dynamic chart](https://discourse.nodered.org/t/lights-control-with-dynamic-chart/6135)

<div class="topic-metadata">

**Author:** [@karlbo](https://discourse.nodered.org/u/karlbo)\
**Replies:** 6\
**Last updated:** [14 February 2020 07:31 UTC](https://discourse.nodered.org/t/lights-control-with-dynamic-chart/6135 "2020-02-14T07:31:42Z")

</div>

\[{"id":"70a2131.4af1aec","type":"ui\_template","z":"66c8dbc5.4245b4","group":"9d7320e.521fce","name":"chart","order":1,"width":"24","height":"10","format":"\\n\\t\<style\>\\n\\t\\thtml,body{\\n\\t\\t\\tmargin: 0;\\n\\t\\t\\tpadding: 0;\\…

---

## [How to alter SVG elements in dashboard?](https://discourse.nodered.org/t/how-to-alter-svg-elements-in-dashboard/21679)

<div class="topic-metadata">

**Author:** [@dr\_cave\_dweller](https://discourse.nodered.org/u/dr_cave_dweller)\
**Replies:** 0\
**Last updated:** [14 February 2020 04:45 UTC](https://discourse.nodered.org/t/how-to-alter-svg-elements-in-dashboard/21679 "2020-02-14T04:45:35Z")

</div>

I am using the numeric dashboard element, the one with the up down arrows. The arrows are too small against the text, I need to increase the size. When I target with developer tools it brings up a box called SVG\[Attribu…

---

## [Cant change background of H3 tag in UI template](https://discourse.nodered.org/t/cant-change-background-of-h3-tag-in-ui-template/21578)

<div class="topic-metadata">

**Author:** [@Henjoe](https://discourse.nodered.org/u/Henjoe)\
**Replies:** 3\
**Last updated:** [13 February 2020 21:50 UTC](https://discourse.nodered.org/t/cant-change-background-of-h3-tag-in-ui-template/21578 "2020-02-13T21:50:31Z")

</div>

Dear all, I have simple UI-template , I am trying to make bg-color of H3 to be color black. But it seems like node-red doesnt allow my simple CSS. i have CSS like h3{ bacground-color:black} but it is not working. Kindl…

---

## [Audio on homepage](https://discourse.nodered.org/t/audio-on-homepage/21594)

<div class="topic-metadata">

**Author:** [@mariulin](https://discourse.nodered.org/u/mariulin)\
**Replies:** 8\
**Last updated:** [13 February 2020 21:21 UTC](https://discourse.nodered.org/t/audio-on-homepage/21594 "2020-02-13T21:21:30Z")

</div>

I need to have an audio playing when I open the dashboard homepage. Is it possibile? If yes, in what way? Thank in advance

---

## [Click to send data for ui\_chart (Bar graphs)](https://discourse.nodered.org/t/click-to-send-data-for-ui-chart-bar-graphs/21621)

<div class="topic-metadata">

**Author:** [@xraken](https://discourse.nodered.org/u/xraken)\
**Replies:** 2\
**Last updated:** [12 February 2020 23:23 UTC](https://discourse.nodered.org/t/click-to-send-data-for-ui-chart-bar-graphs/21621 "2020-02-12T23:23:59Z")

</div>

For ui\_table, there is a check box for "send data onclick" which is very useful to handle click events on table to show additional information for the clicked row. Is there a way to get the same effect for ui\_chart?

---

## [Apple touch icon problem](https://discourse.nodered.org/t/apple-touch-icon-problem/21655)

<div class="topic-metadata">

**Author:** [@TobbyC](https://discourse.nodered.org/u/TobbyC)\
**Replies:** 0\
**Last updated:** [13 February 2020 14:57 UTC](https://discourse.nodered.org/t/apple-touch-icon-problem/21655 "2020-02-13T14:57:35Z")

</div>

Hello, I realize for my company an IOT project and the use on smartphone is important therefore, I want to be able to add the web page on the home page of smartphones. My problem is that I can't add an icon for it and m…

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

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