# Dashboard

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

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

**Page:** 38

---

## [Integrating Worldmap Node into Node-RED Dashboard 2.0 Without Using iFrame](https://discourse.nodered.org/t/integrating-worldmap-node-into-node-red-dashboard-2-0-without-using-iframe/90329)

<div class="topic-metadata">

**Author:** [@DhamodharanGopal](https://discourse.nodered.org/u/DhamodharanGopal)\
**Replies:** 0\
**Last updated:** [22 August 2024 10:38 UTC](https://discourse.nodered.org/t/integrating-worldmap-node-into-node-red-dashboard-2-0-without-using-iframe/90329 "2024-08-22T10:38:26Z")

</div>

Hi everyone, I'm currently engaged in integrating the Worldmap node inside the Node-RED Dashboard 2.0. However, the dashboard does not provide a direct way to include the Worldmap node. I would prefer not to use an …

---

## [Selector SVG element](https://discourse.nodered.org/t/selector-svg-element/90306)

<div class="topic-metadata">

**Author:** [@edje11](https://discourse.nodered.org/u/edje11)\
**Replies:** 1\
**Last updated:** [21 August 2024 12:47 UTC](https://discourse.nodered.org/t/selector-svg-element/90306 "2024-08-21T12:47:10Z")

</div>

I'm trying to make a dynamic table in svg node db1. Using this example works great. We see some data but changing dynamically is not working due the reason I don't know what selector to use to change the data. This is …

---

## [Center Image in Title Bar using Teleport](https://discourse.nodered.org/t/center-image-in-title-bar-using-teleport/90280)

<div class="topic-metadata">

**Author:** [@DaveO](https://discourse.nodered.org/u/DaveO)\
**Replies:** 2\
**Last updated:** [20 August 2024 15:58 UTC](https://discourse.nodered.org/t/center-image-in-title-bar-using-teleport/90280 "2024-08-20T15:58:07Z")

</div>

Following the Blog example, "Customise theming in your FF Dashboard", I am able to place a logo in the title-bar but cannot figure out how to center it and have it remain centered after page resizing. The only way I hav…

---

## [Simple change of gauge background color](https://discourse.nodered.org/t/simple-change-of-gauge-background-color/90271)

<div class="topic-metadata">

**Author:** [@Pepex7](https://discourse.nodered.org/u/Pepex7)\
**Replies:** 3\
**Last updated:** [20 August 2024 13:45 UTC](https://discourse.nodered.org/t/simple-change-of-gauge-background-color/90271 "2024-08-20T13:45:08Z")

</div>

I have a gauge that I need to change the background color, I have assigned a name in Styling Class properties and I have entered a template: But when I enter the color this way, it doesn't work. \`\<style\> .temp2 { …

---

## [Flowfuse dashboard 2.0 layout editor](https://discourse.nodered.org/t/flowfuse-dashboard-2-0-layout-editor/90268)

<div class="topic-metadata">

**Author:** [@imperium85](https://discourse.nodered.org/u/imperium85)\
**Replies:** 8\
**Last updated:** [20 August 2024 08:46 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-2-0-layout-editor/90268 "2024-08-20T08:46:05Z")

</div>

Hi, I added the @flowfuse/node-red-dashboard but the layout editor is missing. Even if I hover the mouse over the group it does not come up, I restarted the system several times, updated the palette. (1.14.0). But still…

---

## [D1 Vs D2 layout problem](https://discourse.nodered.org/t/d1-vs-d2-layout-problem/90233)

<div class="topic-metadata">

**Author:** [@stef68600](https://discourse.nodered.org/u/stef68600)\
**Replies:** 3\
**Last updated:** [20 August 2024 08:35 UTC](https://discourse.nodered.org/t/d1-vs-d2-layout-problem/90233 "2024-08-20T08:35:12Z")

</div>

Hello, I'm trying to reproduce the formatting from a D1 to D2 view. I notice that with the same settings I do not have the same result. Why since the grid is defined at 48px on each side? Attached json of both versions…

---

## [Automatic update all client connected](https://discourse.nodered.org/t/automatic-update-all-client-connected/90269)

<div class="topic-metadata">

**Author:** [@oldchap83](https://discourse.nodered.org/u/oldchap83)\
**Replies:** 8\
**Last updated:** [19 August 2024 20:01 UTC](https://discourse.nodered.org/t/automatic-update-all-client-connected/90269 "2024-08-19T20:01:11Z")

</div>

Hello everyone Today I decided to upgrade to Dashborad 2 :innocent: I can't find Dashboard 1 mode where all widgets are updated when there is a change on all clients Thank you for your responses

---

## [Bug position needle widget gauge](https://discourse.nodered.org/t/bug-position-needle-widget-gauge/90239)

<div class="topic-metadata">

**Author:** [@stef68600](https://discourse.nodered.org/u/stef68600)\
**Replies:** 7\
**Last updated:** [18 August 2024 13:35 UTC](https://discourse.nodered.org/t/bug-position-needle-widget-gauge/90239 "2024-08-18T13:35:50Z")

</div>

hello, II am reporting a fairly recurring random bug in the needle position of the gauge D2 widget following whether the pages panel is open or closed. Have a good day

---

## [Help with template visibility](https://discourse.nodered.org/t/help-with-template-visibility/90200)

<div class="topic-metadata">

**Author:** [@muggins](https://discourse.nodered.org/u/muggins)\
**Replies:** 6\
**Last updated:** [16 August 2024 17:52 UTC](https://discourse.nodered.org/t/help-with-template-visibility/90200 "2024-08-16T17:52:50Z")

</div>

I have been trying to migrate to dashboard2 and am struggling. I want to reveal some text if the incoming payload is "on" This code looks as if it should work but doesn't. Please help. \[ { "id": "a464aa4f6cd…

---

## [Dynamic gauge dashboard 2 property](https://discourse.nodered.org/t/dynamic-gauge-dashboard-2-property/90211)

<div class="topic-metadata">

**Author:** [@stef68600](https://discourse.nodered.org/u/stef68600)\
**Replies:** 1\
**Last updated:** [16 August 2024 10:16 UTC](https://discourse.nodered.org/t/dynamic-gauge-dashboard-2-property/90211 "2024-08-16T10:16:53Z")

</div>

hello, I'm stuck on a small code problem that I can't transform into dachboard 2. below code which works for "gauge" dashboard 1 and which does not work in dachboard 2. Is there a manual for dynamic properties per das…

---

## [CSS Challenge: Water Tank SVG Mask](https://discourse.nodered.org/t/css-challenge-water-tank-svg-mask/90091)

<div class="topic-metadata">

**Author:** [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Replies:** 11\
**Last updated:** [15 August 2024 22:45 UTC](https://discourse.nodered.org/t/css-challenge-water-tank-svg-mask/90091 "2024-08-15T22:45:05Z")

</div>

Hey All, had a play this morning in adding a "Water Tank" to the ui-gauge in Dashboard 2.0 (having also recently added a Battery Gauge) - you can see the PR (and a little video demo) here The challenge I've got is ap…

---

## [Vuetify Labs v-calendar component, possible to add?](https://discourse.nodered.org/t/vuetify-labs-v-calendar-component-possible-to-add/90185)

<div class="topic-metadata">

**Author:** [@Bobo](https://discourse.nodered.org/u/Bobo)\
**Replies:** 1\
**Last updated:** [15 August 2024 09:22 UTC](https://discourse.nodered.org/t/vuetify-labs-v-calendar-component-possible-to-add/90185 "2024-08-15T09:22:44Z")

</div>

Hi @joepavitt Not sure how much work is involved, but was hoping you could add v-calendar to the list of supported Labs components? Cheers Bob

---

## [Create a single page with 3 Lines of Voltage L1,L2,L3 between 0 and 300 V](https://discourse.nodered.org/t/create-a-single-page-with-3-lines-of-voltage-l1-l2-l3-between-0-and-300-v/90172)

<div class="topic-metadata">

**Author:** [@Jo55](https://discourse.nodered.org/u/Jo55)\
**Replies:** 1\
**Last updated:** [14 August 2024 15:12 UTC](https://discourse.nodered.org/t/create-a-single-page-with-3-lines-of-voltage-l1-l2-l3-between-0-and-300-v/90172 "2024-08-14T15:12:53Z")

</div>

Hi to everyone, I have got a flow for the SMA Sunny Home Manager 2 which gives me all the data into the designed layout boxes on the dashboard on 2 pages as groups. I added another group which should finally show a con…

---

## [Updating props from serverside.js at runtime](https://discourse.nodered.org/t/updating-props-from-serverside-js-at-runtime/90155)

<div class="topic-metadata">

**Author:** [@wangenkuesse](https://discourse.nodered.org/u/wangenkuesse)\
**Replies:** 6\
**Last updated:** [14 August 2024 14:44 UTC](https://discourse.nodered.org/t/updating-props-from-serverside-js-at-runtime/90155 "2024-08-14T14:44:11Z")

</div>

Hello everyone... I am trying to build a third party widget. It consists of a v-btn-toggle, a slider an one other button (and some other elements). When i toggle, i am able to emit a custom event, receive that event at…

---

## [Picking a date for display on chart](https://discourse.nodered.org/t/picking-a-date-for-display-on-chart/90095)

<div class="topic-metadata">

**Author:** [@xfear1](https://discourse.nodered.org/u/xfear1)\
**Replies:** 4\
**Last updated:** [14 August 2024 12:08 UTC](https://discourse.nodered.org/t/picking-a-date-for-display-on-chart/90095 "2024-08-14T12:08:25Z")

</div>

Hello, I'm trying to change the date to view the data collect in other days on my chart, I saw there's this node called date picker, but I don't know to make it interact with the chart node. Can anyone give me an idea…

---

## [Using primevue and other npm package on Dashboard 2.0 ui-template](https://discourse.nodered.org/t/using-primevue-and-other-npm-package-on-dashboard-2-0-ui-template/90123)

<div class="topic-metadata">

**Author:** [@raffaele](https://discourse.nodered.org/u/raffaele)\
**Replies:** 1\
**Last updated:** [14 August 2024 08:43 UTC](https://discourse.nodered.org/t/using-primevue-and-other-npm-package-on-dashboard-2-0-ui-template/90123 "2024-08-14T08:43:09Z")

</div>

Good day, I try to use the primevue UI suite with the ui-template in Nodered Dashboard 2.0. I installed PrimeVue with the npm in the .node-red directory. In the ui-template I insert the following code to text an examp…

---

## [Display a boolean state on dashboard](https://discourse.nodered.org/t/display-a-boolean-state-on-dashboard/90153)

<div class="topic-metadata">

**Author:** [@richlinares](https://discourse.nodered.org/u/richlinares)\
**Replies:** 8\
**Last updated:** [13 August 2024 23:42 UTC](https://discourse.nodered.org/t/display-a-boolean-state-on-dashboard/90153 "2024-08-13T23:42:38Z")

</div>

Hello, I am new to node-red environment but am using it to create a dashboard to show live values collected from a PLC using the contrib-modbus node. i have been able to read my modbus integer registers and display the…

---

## [Creating a Chart from MSQL-Database](https://discourse.nodered.org/t/creating-a-chart-from-msql-database/90122)

<div class="topic-metadata">

**Author:** [@tmessers](https://discourse.nodered.org/u/tmessers)\
**Replies:** 8\
**Last updated:** [13 August 2024 21:38 UTC](https://discourse.nodered.org/t/creating-a-chart-from-msql-database/90122 "2024-08-13T21:38:03Z")

</div>

Hi folks, i hope you can help me. I collect data in a mysql database. When i read out data, the payload is in that format: array\[99\] \[0 … 9\] 0: object date: "2024-02-10T23:00:00.000Z max\_pow…

---

## [Need help displaying a jpg in Dashboard 2. Assume noob level](https://discourse.nodered.org/t/need-help-displaying-a-jpg-in-dashboard-2-assume-noob-level/90121)

<div class="topic-metadata">

**Author:** [@no\_mpimpi](https://discourse.nodered.org/u/no_mpimpi)\
**Replies:** 9\
**Last updated:** [13 August 2024 18:50 UTC](https://discourse.nodered.org/t/need-help-displaying-a-jpg-in-dashboard-2-assume-noob-level/90121 "2024-08-13T18:50:11Z")

</div>

Greetings, I have recently started building a UI in Dashboard 2, but I cannot for the life of me work out how to display a jpg. I am experimenting with using a node called HikvisionUltimate to pull a jpg image from a c…

---

## [Dashboard 2.0 - Order of widgets from subflow?](https://discourse.nodered.org/t/dashboard-2-0-order-of-widgets-from-subflow/89217)

<div class="topic-metadata">

**Author:** [@wangenkuesse](https://discourse.nodered.org/u/wangenkuesse)\
**Replies:** 4\
**Last updated:** [13 August 2024 17:57 UTC](https://discourse.nodered.org/t/dashboard-2-0-order-of-widgets-from-subflow/89217 "2024-08-13T17:57:42Z")

</div>

How do I change the sequence/order of widgets from a subflow in the Dasboard 2.0? The group of the widgets in the subflow is set by env(group)... Thank you for hints...

---

## [Calculations with values from array](https://discourse.nodered.org/t/calculations-with-values-from-array/90148)

<div class="topic-metadata">

**Author:** [@polareisbaer](https://discourse.nodered.org/u/polareisbaer)\
**Replies:** 9\
**Last updated:** [13 August 2024 13:39 UTC](https://discourse.nodered.org/t/calculations-with-values-from-array/90148 "2024-08-13T13:39:29Z")

</div>

Hello, I have a problem with two arrays. I want to calculate with two values from the arrays but get stuck when merging them. I want to put the values of round and max in relation ( round\*100/max ). \[ { …

---

## [Allow User Access Control of D2 Pages](https://discourse.nodered.org/t/allow-user-access-control-of-d2-pages/90100)

<div class="topic-metadata">

**Author:** [@cgjgh](https://discourse.nodered.org/u/cgjgh)\
**Replies:** 4\
**Last updated:** [12 August 2024 12:04 UTC](https://discourse.nodered.org/t/allow-user-access-control-of-d2-pages/90100 "2024-08-12T12:04:55Z")

</div>

My Node-RED apps using D2 often need to be accessed by multiple users, and I've often found the need for a way to easily control access to pages via the UI. I've created a work in progress PR that adds User Allowed Page …

---

## [Dash 2. Detect clicked URL and attach payload](https://discourse.nodered.org/t/dash-2-detect-clicked-url-and-attach-payload/90038)

<div class="topic-metadata">

**Author:** [@thebaldgeek](https://discourse.nodered.org/u/thebaldgeek)\
**Replies:** 4\
**Last updated:** [12 August 2024 11:52 UTC](https://discourse.nodered.org/t/dash-2-detect-clicked-url-and-attach-payload/90038 "2024-08-12T11:52:11Z")

</div>

Task: I'd like to allow a dash 2 user to click on a URL that links them to another page in the same dash 2 and also use a link node to send a variable payload that the next page will use. ie, user clicks on a link in so…

---

## [Msg.color stop updating Ui Template after 4.0.2 upgrade](https://discourse.nodered.org/t/msg-color-stop-updating-ui-template-after-4-0-2-upgrade/90113)

<div class="topic-metadata">

**Author:** [@Mick](https://discourse.nodered.org/u/Mick)\
**Replies:** 1\
**Last updated:** [11 August 2024 21:16 UTC](https://discourse.nodered.org/t/msg-color-stop-updating-ui-template-after-4-0-2-upgrade/90113 "2024-08-11T21:16:06Z")

</div>

I wrote a flow on Node-RED 3.1.6 and in the flow I use iconify icons. To set the color I send color: '#00afff' to the Ui template. After upgrading to 4.0.2 msg.color does not update the icon. I can manually type in …

---

## [Hide data dot in Radar Chart](https://discourse.nodered.org/t/hide-data-dot-in-radar-chart/90105)

<div class="topic-metadata">

**Author:** [@xuanlocc1](https://discourse.nodered.org/u/xuanlocc1)\
**Replies:** 0\
**Last updated:** [11 August 2024 09:10 UTC](https://discourse.nodered.org/t/hide-data-dot-in-radar-chart/90105 "2024-08-11T09:10:41Z")

</div>

is there any way to hide the data point from radar chart? i try change some declaration from chart.cjs but nothing happen.

---

## [Addon node red in home assistant don't launch- dashboard-2 flowfuse](https://discourse.nodered.org/t/addon-node-red-in-home-assistant-dont-launch-dashboard-2-flowfuse/90060)

<div class="topic-metadata">

**Author:** [@patrickL](https://discourse.nodered.org/u/patrickL)\
**Replies:** 2\
**Last updated:** [9 August 2024 11:11 UTC](https://discourse.nodered.org/t/addon-node-red-in-home-assistant-dont-launch-dashboard-2-flowfuse/90060 "2024-08-09T11:11:04Z")

</div>

bonjour.... j'ai un probleme pour afficher le dashboard 2.0 la version 1 connait aussi des plantages genre reseau. la version 2.0 connaissant une erreur "not found" comme demande dans un gentil …

---

## [Issue with Widget Positioning Across Multiple Groups on Dashboard - Customization](https://discourse.nodered.org/t/issue-with-widget-positioning-across-multiple-groups-on-dashboard-customization/90078)

<div class="topic-metadata">

**Author:** [@LoganathanSambath](https://discourse.nodered.org/u/LoganathanSambath)\
**Replies:** 1\
**Last updated:** [9 August 2024 11:35 UTC](https://discourse.nodered.org/t/issue-with-widget-positioning-across-multiple-groups-on-dashboard-customization/90078 "2024-08-09T11:35:11Z")

</div>

I am working on customizing the positions of widgets across multiple groups in my dashboard page. I'm seeking advice on how to properly position these widgets, particularly how to bring the chart1 group below the nextjs …

---

## [How to dynamically change Dasboard-2.0 chart properties (ymin and ymax)?](https://discourse.nodered.org/t/how-to-dynamically-change-dasboard-2-0-chart-properties-ymin-and-ymax/90070)

<div class="topic-metadata">

**Author:** [@snottyIsWorking](https://discourse.nodered.org/u/snottyIsWorking)\
**Replies:** 3\
**Last updated:** [9 August 2024 09:37 UTC](https://discourse.nodered.org/t/how-to-dynamically-change-dasboard-2-0-chart-properties-ymin-and-ymax/90070 "2024-08-09T09:37:04Z")

</div>

I hope this is not a duplicate, I found similar threads for the old dashboard, but not for the 2.0 one. I am trying to change the ymin and ymax values of a chart dynamically, meaning that the user should be able to set …

---

## [No-Response / Disconnect of DB2](https://discourse.nodered.org/t/no-response-disconnect-of-db2/89929)

<div class="topic-metadata">

**Author:** [@xx\_Nexus\_xx](https://discourse.nodered.org/u/xx_Nexus_xx)\
**Replies:** 33\
**Last updated:** [9 August 2024 06:33 UTC](https://discourse.nodered.org/t/no-response-disconnect-of-db2/89929 "2024-08-09T06:33:26Z")

</div>

Hi, I'm currently migrating my flows from DB1 to DB2 and mostly using UI-Templates. Situation: Node-Red is running on docker environment I primarily use ZIGBEE to control my lights the automation flows work se…

---

## [Graph shapes and single point](https://discourse.nodered.org/t/graph-shapes-and-single-point/90041)

<div class="topic-metadata">

**Author:** [@KSum](https://discourse.nodered.org/u/KSum)\
**Replies:** 4\
**Last updated:** [8 August 2024 17:30 UTC](https://discourse.nodered.org/t/graph-shapes-and-single-point/90041 "2024-08-08T17:30:36Z")

</div>

I have a sensor which will real-time provide X,Y Coordinates or multiple items. I want to visualize these on a Dashboard 2.0 and I also want to be able to show closed shape Zones on the same visualization. It appears I …

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

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