# Dashboard

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

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

**Page:** 36

---

## [UI-gauge layout for phone](https://discourse.nodered.org/t/ui-gauge-layout-for-phone/90231)

<div class="topic-metadata">

**Author:** [@muggins](https://discourse.nodered.org/u/muggins)\
**Replies:** 59\
**Last updated:** [6 September 2024 07:54 UTC](https://discourse.nodered.org/t/ui-gauge-layout-for-phone/90231 "2024-09-06T07:54:04Z")

</div>

Hi I am having trouble getting my head around layout and grid. In dashboard1 I had 9 gauges in a 3x3 format on my phone. I have tried in vain everything in DB2 to achieve this and can't. anyone help please.

---

## [Inputing data in to different gauges on for each day of the week](https://discourse.nodered.org/t/inputing-data-in-to-different-gauges-on-for-each-day-of-the-week/90704)

<div class="topic-metadata">

**Author:** [@xfear1](https://discourse.nodered.org/u/xfear1)\
**Replies:** 7\
**Last updated:** [5 September 2024 12:39 UTC](https://discourse.nodered.org/t/inputing-data-in-to-different-gauges-on-for-each-day-of-the-week/90704 "2024-09-05T12:39:22Z")

</div>

Hi, I have a problem that need some solving, I am collecting data from a PLC via Modbus, each pulse adds to my counter this information is reset everyday in my PLC, how can I save this data for each gauge with a conditi…

---

## [How to Update to the Final Version of Dashboard 2.0?](https://discourse.nodered.org/t/how-to-update-to-the-final-version-of-dashboard-2-0/90728)

<div class="topic-metadata">

**Author:** [@makerstorage](https://discourse.nodered.org/u/makerstorage)\
**Replies:** 5\
**Last updated:** [5 September 2024 12:29 UTC](https://discourse.nodered.org/t/how-to-update-to-the-final-version-of-dashboard-2-0/90728 "2024-09-05T12:29:43Z")

</div>

Hi everyone, I noticed that the ui-gauge recently received an update to support dynamic properties. I'm currently using version 1.16.0 and trying to test these dynamic properties by sending a message to the gauge, but i…

---

## [Latest Dashboard 2.0 Release - Tabs, Number Input & New Gauges](https://discourse.nodered.org/t/latest-dashboard-2-0-release-tabs-number-input-new-gauges/90506)

<div class="topic-metadata">

**Author:** [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Replies:** 30\
**Last updated:** [5 September 2024 11:29 UTC](https://discourse.nodered.org/t/latest-dashboard-2-0-release-tabs-number-input-new-gauges/90506 "2024-09-05T11:29:45Z")

</div>

1.15.0 went out yesterday and thought I'd share a link to the article detailing some of the new features, including: New Layout: Tabs New Widget: Number Input (Numeric) Gauge Types: Battery Charge & Tank Level

---

## [UI-Template Plotly Integration](https://discourse.nodered.org/t/ui-template-plotly-integration/90725)

<div class="topic-metadata">

**Author:** [@sesenlik1](https://discourse.nodered.org/u/sesenlik1)\
**Replies:** 0\
**Last updated:** [5 September 2024 07:13 UTC](https://discourse.nodered.org/t/ui-template-plotly-integration/90725 "2024-09-05T07:13:04Z")

</div>

Hi all, I successfully integrated Plotly charts into my Dashboard 2.0 using ui-template. But I'm having problem sizing ui-template inside the dashboard group. If I set the ui-template size as auto in node properties, th…

---

## [Button vibrate in dashboard2](https://discourse.nodered.org/t/button-vibrate-in-dashboard2/90639)

<div class="topic-metadata">

**Author:** [@muggins](https://discourse.nodered.org/u/muggins)\
**Replies:** 6\
**Last updated:** [4 September 2024 15:29 UTC](https://discourse.nodered.org/t/button-vibrate-in-dashboard2/90639 "2024-09-04T15:29:49Z")

</div>

Hi in dashboard-1 I had a template button with.. \<md-button class="vibrate filled touched smallfont rounded" which gave a haptic feedback on my mobile phone. Is there an equivalent in DB2? thanks

---

## [How to center text in a ui-text-input node](https://discourse.nodered.org/t/how-to-center-text-in-a-ui-text-input-node/90692)

<div class="topic-metadata">

**Author:** [@RandyBryant](https://discourse.nodered.org/u/RandyBryant)\
**Replies:** 1\
**Last updated:** [4 September 2024 01:51 UTC](https://discourse.nodered.org/t/how-to-center-text-in-a-ui-text-input-node/90692 "2024-09-04T01:51:09Z")

</div>

I am trying to use CSS to center the text and label in a ui-text-input. Not having any luck and have found several suggestions, but none work.

---

## [Dashboard Ui-Dropdown](https://discourse.nodered.org/t/dashboard-ui-dropdown/90680)

<div class="topic-metadata">

**Author:** [@cam215](https://discourse.nodered.org/u/cam215)\
**Replies:** 1\
**Last updated:** [3 September 2024 15:32 UTC](https://discourse.nodered.org/t/dashboard-ui-dropdown/90680 "2024-09-03T15:32:25Z")

</div>

I'm trying to create a dropdown with some index values that I get from a previous array. I first write this function to get the indexes: let indexes = \[\]; // Iterate through each item in msg.payload msg.payload.forEac…

---

## [Retrieving data from Vuetify components in dashboard](https://discourse.nodered.org/t/retrieving-data-from-vuetify-components-in-dashboard/90671)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 4\
**Last updated:** [3 September 2024 07:38 UTC](https://discourse.nodered.org/t/retrieving-data-from-vuetify-components-in-dashboard/90671 "2024-09-03T07:38:39Z")

</div>

The documentation for Vuetify components gives examples which we can include in a ui-template. This is one of the examples for the star rating component \<template\> \<div class="text-center"\> \<v-rating v-model="rat…

---

## [Pin authentication before action action, dasboard2](https://discourse.nodered.org/t/pin-authentication-before-action-action-dasboard2/90599)

<div class="topic-metadata">

**Author:** [@imperium85](https://discourse.nodered.org/u/imperium85)\
**Replies:** 3\
**Last updated:** [2 September 2024 23:04 UTC](https://discourse.nodered.org/t/pin-authentication-before-action-action-dasboard2/90599 "2024-09-02T23:04:49Z")

</div>

Hi. I'm tring to create a pin authentication to authorise button press. For example if you press SHUT DOWN button, a pop up would ask for a PIN code, if the pin is correct it would proceed with the flow. As a step two I…

---

## [Ui-radio-group - Dynamic Properties](https://discourse.nodered.org/t/ui-radio-group-dynamic-properties/90630)

<div class="topic-metadata">

**Author:** [@juanbal](https://discourse.nodered.org/u/juanbal)\
**Replies:** 15\
**Last updated:** [2 September 2024 14:29 UTC](https://discourse.nodered.org/t/ui-radio-group-dynamic-properties/90630 "2024-09-02T14:29:23Z")

</div>

Hello all! I'm trying to create dynamic content for a ui-radio-group in DB2. I think I've followed the documentation properly and also reviewed this other post but I can't still get the radio group to populate. I'm se…

---

## [Chart on dashboard 2 with multiline: the first 2 point are connected only for the first line](https://discourse.nodered.org/t/chart-on-dashboard-2-with-multiline-the-first-2-point-are-connected-only-for-the-first-line/90608)

<div class="topic-metadata">

**Author:** [@ghedolo](https://discourse.nodered.org/u/ghedolo)\
**Replies:** 7\
**Last updated:** [1 September 2024 16:40 UTC](https://discourse.nodered.org/t/chart-on-dashboard-2-with-multiline-the-first-2-point-are-connected-only-for-the-first-line/90608 "2024-09-01T16:40:06Z")

</div>

I send multiple msg to chart using a function the function is const v=msg.payload.split(',') let gpc = \[\] let x=context.get('x') x=x===undefined?1:++x context.set('x',x) for (let i = 1; i \< 9; i++) { const val =…

---

## [Change the slider widget track size](https://discourse.nodered.org/t/change-the-slider-widget-track-size/90585)

<div class="topic-metadata">

**Author:** [@TobyK](https://discourse.nodered.org/u/TobyK)\
**Replies:** 2\
**Last updated:** [1 September 2024 09:17 UTC](https://discourse.nodered.org/t/change-the-slider-widget-track-size/90585 "2024-09-01T09:17:02Z")

</div>

Hi, I want to change the slider track size of the original dashboard-2 slider so it is thick as in Link. I think that I have to change the vue "track-size" property. Is this possible by CSS? I don't want to create a cu…

---

## [Dashboard 2 switch size in tab mode](https://discourse.nodered.org/t/dashboard-2-switch-size-in-tab-mode/90598)

<div class="topic-metadata">

**Author:** [@imperium85](https://discourse.nodered.org/u/imperium85)\
**Replies:** 0\
**Last updated:** [1 September 2024 06:53 UTC](https://discourse.nodered.org/t/dashboard-2-switch-size-in-tab-mode/90598 "2024-09-01T06:53:18Z")

</div>

Hi There, I'm playing with the tab mode, but I can not make it look right. I have two TABs (groups) as below, but the label of the switch is very far from the actual switch icon, how can I bring it closer? I'm playing …

---

## ["Dynamically Refresh Worldmap When Clearing Location in Vue Form"](https://discourse.nodered.org/t/dynamically-refresh-worldmap-when-clearing-location-in-vue-form/90587)

<div class="topic-metadata">

**Author:** [@DhamodharanGopal](https://discourse.nodered.org/u/DhamodharanGopal)\
**Replies:** 2\
**Last updated:** [1 September 2024 03:53 UTC](https://discourse.nodered.org/t/dynamically-refresh-worldmap-when-clearing-location-in-vue-form/90587 "2024-09-01T03:53:22Z")

</div>

I'm working on a Node-RED project where I have a Vue.js form integrated with a Worldmap node. The form allows users to select a location, which is then displayed on the map. However, I'm facing an issue when the user c…

---

## [A workable kludge for doing audio out while using Dashboard 2](https://discourse.nodered.org/t/a-workable-kludge-for-doing-audio-out-while-using-dashboard-2/90259)

<div class="topic-metadata">

**Author:** [@no\_mpimpi](https://discourse.nodered.org/u/no_mpimpi)\
**Replies:** 11\
**Last updated:** [31 August 2024 18:27 UTC](https://discourse.nodered.org/t/a-workable-kludge-for-doing-audio-out-while-using-dashboard-2/90259 "2024-08-31T18:27:12Z")

</div>

Hello, This is not a question so much as me explaining my workaround for anyone with this specific use case. In Dashboard 1, I used the audio-ui thingy to give voice notifications in the lounge, and next to my bed, eg: …

---

## [Questions about upgrading to Dashboard 2.0](https://discourse.nodered.org/t/questions-about-upgrading-to-dashboard-2-0/90583)

<div class="topic-metadata">

**Author:** [@hazymat](https://discourse.nodered.org/u/hazymat)\
**Replies:** 1\
**Last updated:** [31 August 2024 09:52 UTC](https://discourse.nodered.org/t/questions-about-upgrading-to-dashboard-2-0/90583 "2024-08-31T09:52:27Z")

</div>

Background I use Node Red old dashboard extensively, and have built a number of dynamically generated UIs using UI Template nodes. For example, a lighting control panel that enumerates lights within a "zone", then displ…

---

## [Dashboard 2 horizontal scrolling in bound html page](https://discourse.nodered.org/t/dashboard-2-horizontal-scrolling-in-bound-html-page/90577)

<div class="topic-metadata">

**Author:** [@muggins](https://discourse.nodered.org/u/muggins)\
**Replies:** 2\
**Last updated:** [31 August 2024 09:10 UTC](https://discourse.nodered.org/t/dashboard-2-horizontal-scrolling-in-bound-html-page/90577 "2024-08-31T09:10:44Z")

</div>

Hi I am viewing Grafana graphs on my mobile phone using templates and binding to html. Before migration to DB2 I set iframe width to 600 and was able to scroll horizontally. I cannot recreate this in DB2

---

## [Ui-gauge, coloring is changing unexpected](https://discourse.nodered.org/t/ui-gauge-coloring-is-changing-unexpected/90561)

<div class="topic-metadata">

**Author:** [@micky67](https://discourse.nodered.org/u/micky67)\
**Replies:** 0\
**Last updated:** [30 August 2024 15:43 UTC](https://discourse.nodered.org/t/ui-gauge-coloring-is-changing-unexpected/90561 "2024-08-30T15:43:39Z")

</div>

I am using ui-gauge nodes very frequently to show data. The colors of the sections are changing unexpected if you switch to another page within dashboard-2 and going back to the initial page. Example: first load of the…

---

## [Ui-chart, missing datapoints, sqlite database](https://discourse.nodered.org/t/ui-chart-missing-datapoints-sqlite-database/90560)

<div class="topic-metadata">

**Author:** [@micky67](https://discourse.nodered.org/u/micky67)\
**Replies:** 1\
**Last updated:** [30 August 2024 15:33 UTC](https://discourse.nodered.org/t/ui-chart-missing-datapoints-sqlite-database/90560 "2024-08-30T15:33:10Z")

</div>

Hello all, I am using ui-chart to show data from a sql database and have some trouble getting this done. I have removed all the database details in the attached flow, only showing examples of the database output in the …

---

## [Ui-button-group and ui-radio-group display limitations](https://discourse.nodered.org/t/ui-button-group-and-ui-radio-group-display-limitations/90554)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 2\
**Last updated:** [30 August 2024 14:08 UTC](https://discourse.nodered.org/t/ui-button-group-and-ui-radio-group-display-limitations/90554 "2024-08-30T14:08:25Z")

</div>

Radio Group There is an option in the config to set the number of columns. It accept values 1 to 5 I have, let's say, 6 options to display. The widget width is "auto". In a relatively narrow group I can set it to 3 colu…

---

## [Controlling Authorization and Multi-User Redirection in Dashboard 2.0: Understanding Webpage URL Generation](https://discourse.nodered.org/t/controlling-authorization-and-multi-user-redirection-in-dashboard-2-0-understanding-webpage-url-generation/90547)

<div class="topic-metadata">

**Author:** [@DhamodharanGopal](https://discourse.nodered.org/u/DhamodharanGopal)\
**Replies:** 2\
**Last updated:** [30 August 2024 11:53 UTC](https://discourse.nodered.org/t/controlling-authorization-and-multi-user-redirection-in-dashboard-2-0-understanding-webpage-url-generation/90547 "2024-08-30T11:53:47Z")

</div>

I'm currently working with Dashboard 2.0 and need guidance on customizing middleware for authorization and handling multi-user \[admin/read/write\] redirection for specific pages. Could someone clarify where the web page…

---

## [How to display interactive floorplans in dashboard 2?](https://discourse.nodered.org/t/how-to-display-interactive-floorplans-in-dashboard-2/90491)

<div class="topic-metadata">

**Author:** [@anka001](https://discourse.nodered.org/u/anka001)\
**Replies:** 6\
**Last updated:** [29 August 2024 21:57 UTC](https://discourse.nodered.org/t/how-to-display-interactive-floorplans-in-dashboard-2/90491 "2024-08-29T21:57:08Z")

</div>

Hi all, trying to migrate to dashboard 2. Unfortunately, my current dashboard heavily relies on node-red-contrib-ui-svg. Based on bart butenaers statements, I am afraid there will be no reliable node-red-dashboard-2-ui-…

---

## [Node-red-contrib-web-worldmap broken](https://discourse.nodered.org/t/node-red-contrib-web-worldmap-broken/90514)

<div class="topic-metadata">

**Author:** [@badgersix](https://discourse.nodered.org/u/badgersix)\
**Replies:** 7\
**Last updated:** [29 August 2024 16:26 UTC](https://discourse.nodered.org/t/node-red-contrib-web-worldmap-broken/90514 "2024-08-29T16:26:52Z")

</div>

I have node red installed on Ubuntu 22.04 and one of my nodes is giving me some problems. there is no option to uninstall it and I am not sure how to go about troubleshooting or fixing this.

---

## [Forms Entry disappearing](https://discourse.nodered.org/t/forms-entry-disappearing/90490)

<div class="topic-metadata">

**Author:** [@nearbyatom](https://discourse.nodered.org/u/nearbyatom)\
**Replies:** 2\
**Last updated:** [28 August 2024 12:48 UTC](https://discourse.nodered.org/t/forms-entry-disappearing/90490 "2024-08-28T12:48:25Z")

</div>

I have a forms entry UI on my dashboard. I can enter values into it. Great! But is there a way to make my entry stay after I hit the submit button? I can enter values into it. It outputs and does its thing, but the …

---

## [Dashboard 2.0 with multiple inputs stored and prefilled with and from context storage](https://discourse.nodered.org/t/dashboard-2-0-with-multiple-inputs-stored-and-prefilled-with-and-from-context-storage/90380)

<div class="topic-metadata">

**Author:** [@luftbumb](https://discourse.nodered.org/u/luftbumb)\
**Replies:** 2\
**Last updated:** [27 August 2024 16:44 UTC](https://discourse.nodered.org/t/dashboard-2-0-with-multiple-inputs-stored-and-prefilled-with-and-from-context-storage/90380 "2024-08-27T16:44:41Z")

</div>

Hello, I'm looking to create sort of a configuration page with Dashboard 2.0. This page should contain multiple text input nodes, a button to save the entered values and a table which displays the last changes made for…

---

## [Refresh dashboard](https://discourse.nodered.org/t/refresh-dashboard/90485)

<div class="topic-metadata">

**Author:** [@lebao](https://discourse.nodered.org/u/lebao)\
**Replies:** 3\
**Last updated:** [27 August 2024 15:32 UTC](https://discourse.nodered.org/t/refresh-dashboard/90485 "2024-08-27T15:32:20Z")

</div>

hello I need help. I'm using msg.ui\_control to configure the label for the dropdown node, and every time msg.ui\_control changes, I have to refresh the page for the label on the dashboard to update. Does anyone know how…

---

## ["No data available" in v-data-table](https://discourse.nodered.org/t/no-data-available-in-v-data-table/90462)

<div class="topic-metadata">

**Author:** [@nygma2004](https://discourse.nodered.org/u/nygma2004)\
**Replies:** 3\
**Last updated:** [27 August 2024 09:37 UTC](https://discourse.nodered.org/t/no-data-available-in-v-data-table/90462 "2024-08-27T09:37:55Z")

</div>

Maybe this is probably related to \_client, but I cannot really firgure out why these 2 cases are happening with me. I have a ui-template node with v-data-table. ui-template is not set to "Accept Client Data" in the DB2 …

---

## [Implementing Multi-User and Multi-Tenant Management in Node-RED Dashboard Without Enable FlowFuse User Authentication](https://discourse.nodered.org/t/implementing-multi-user-and-multi-tenant-management-in-node-red-dashboard-without-enable-flowfuse-user-authentication/90385)

<div class="topic-metadata">

**Author:** [@LoganathanSambath](https://discourse.nodered.org/u/LoganathanSambath)\
**Replies:** 4\
**Last updated:** [27 August 2024 07:59 UTC](https://discourse.nodered.org/t/implementing-multi-user-and-multi-tenant-management-in-node-red-dashboard-without-enable-flowfuse-user-authentication/90385 "2024-08-27T07:59:41Z")

</div>

I'm working on a project where I need to implement multi-user and multi-tenant management in a Node-RED dashboard. The challenge is that I want to achieve this without enabling Flow Fuse User Authentication or relying o…

---

## [How to handle widget class in a third party DB2 UI node](https://discourse.nodered.org/t/how-to-handle-widget-class-in-a-third-party-db2-ui-node/90449)

<div class="topic-metadata">

**Author:** [@Colin](https://discourse.nodered.org/u/Colin)\
**Replies:** 11\
**Last updated:** [27 August 2024 07:50 UTC](https://discourse.nodered.org/t/how-to-handle-widget-class-in-a-third-party-db2-ui-node/90449 "2024-08-27T07:50:33Z")

</div>

It seems that the dashboard code automatically handles some aspects of class for third party nodes. I am unclear what the recommended way of handling class is, such that I can provide a class field in the widget, and a m…

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

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