# Dashboard

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

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

**Page:** 12

---

## [Chart js plugin pan mode is not available](https://discourse.nodered.org/t/chart-js-plugin-pan-mode-is-not-available/98621)

<div class="topic-metadata">

**Author:** [@Kang](https://discourse.nodered.org/u/Kang)\
**Replies:** 2\
**Last updated:** [12 August 2025 12:24 UTC](https://discourse.nodered.org/t/chart-js-plugin-pan-mode-is-not-available/98621 "2025-08-12T12:24:33Z")

</div>

Hi, I am using chart js and chart plugin in template node to implement the chart, I found the zoom feature is normal while the pan feature is not available. And I tried several ways to change the settings in plugin, it …

---

## [QR code on dashboard via data URL](https://discourse.nodered.org/t/qr-code-on-dashboard-via-data-url/98623)

<div class="topic-metadata">

**Author:** [@jussie](https://discourse.nodered.org/u/jussie)\
**Replies:** 2\
**Last updated:** [12 August 2025 10:05 UTC](https://discourse.nodered.org/t/qr-code-on-dashboard-via-data-url/98623 "2025-08-12T10:05:30Z")

</div>

Hello, I'm working on a project where I generate a QR code and want to display it in my dashboard. Unfortunately, this isn't working. I can generate the QR code, but I can't display it via a template node. I'm using t…

---

## [Implement compass in Dashboard 2](https://discourse.nodered.org/t/implement-compass-in-dashboard-2/98619)

<div class="topic-metadata">

**Author:** [@k5map](https://discourse.nodered.org/u/k5map)\
**Replies:** 4\
**Last updated:** [12 August 2025 08:20 UTC](https://discourse.nodered.org/t/implement-compass-in-dashboard-2/98619 "2025-08-12T08:20:28Z")

</div>

I looked at the gauge in DBv2 but do not see a way to use this to create a compass. Does anyone know of a compass node/widget which has been developed for DBv2?

---

## [Data output from DBv2 chart node](https://discourse.nodered.org/t/data-output-from-dbv2-chart-node/98591)

<div class="topic-metadata">

**Author:** [@k5map](https://discourse.nodered.org/u/k5map)\
**Replies:** 6\
**Last updated:** [11 August 2025 20:25 UTC](https://discourse.nodered.org/t/data-output-from-dbv2-chart-node/98591 "2025-08-11T20:25:59Z")

</div>

In DBv1 the output of the chart data was the same as the input (I would send it data for 4 lines). I just implemented DBv2 chart, and the output appears to be just one of the 4 values from the input. I don’t see anythi…

---

## [V1.26.0 collapsed to icons start of menu text showing](https://discourse.nodered.org/t/v1-26-0-collapsed-to-icons-start-of-menu-text-showing/98598)

<div class="topic-metadata">

**Author:** [@iiLaw](https://discourse.nodered.org/u/iiLaw)\
**Replies:** 2\
**Last updated:** [11 August 2025 14:26 UTC](https://discourse.nodered.org/t/v1-26-0-collapsed-to-icons-start-of-menu-text-showing/98598 "2025-08-11T14:26:07Z")

</div>

I’ve updated to v1.26.0 of the dashboard & have been using “collapsed to icons” But now a bit of the menu text showing. I’ve tried to find a way with css to fix this but no luck. Is it possible? Tested on Chrome/Firefox…

---

## [How to add individual point style in ui-chart](https://discourse.nodered.org/t/how-to-add-individual-point-style-in-ui-chart/98596)

<div class="topic-metadata">

**Author:** [@Kang](https://discourse.nodered.org/u/Kang)\
**Replies:** 3\
**Last updated:** [11 August 2025 09:07 UTC](https://discourse.nodered.org/t/how-to-add-individual-point-style-in-ui-chart/98596 "2025-08-11T09:07:44Z")

</div>

Hi, sir I am using the UI CHART in dashboard 2.0, and I have several series lines display in UI chart. I need to add an addition feature and do not know how to achieve it: I want some points in the line to have a tri…

---

## [DB2: How to get CSS selectors for ui-text widget labels?](https://discourse.nodered.org/t/db2-how-to-get-css-selectors-for-ui-text-widget-labels/98587)

<div class="topic-metadata">

**Author:** [@rakgupta](https://discourse.nodered.org/u/rakgupta)\
**Replies:** 15\
**Last updated:** [10 August 2025 14:25 UTC](https://discourse.nodered.org/t/db2-how-to-get-css-selectors-for-ui-text-widget-labels/98587 "2025-08-10T14:25:45Z")

</div>

Hello: On my dashboard page(s), I have a “title” label in a ui-text node. Currently, I have overridden the font properties (font-family, font-size, color) by using “Apply style” . I am trying to identify the CSS selecto…

---

## [Ui\_dropdown, looking for better/faster inputting solution](https://discourse.nodered.org/t/ui-dropdown-looking-for-better-faster-inputting-solution/98541)

<div class="topic-metadata">

**Author:** [@markost](https://discourse.nodered.org/u/markost)\
**Replies:** 5\
**Last updated:** [9 August 2025 12:20 UTC](https://discourse.nodered.org/t/ui-dropdown-looking-for-better-faster-inputting-solution/98541 "2025-08-09T12:20:25Z")

</div>

Hi, I need a few UI dropdowns with a large number of Options (1-900 in steps of 1, 80-150 in steps of 1, etc.). I created this in two different ways, both by inputting an array with the desired Options. The first is: …

---

## [How to disable dropdown in dashboard2.0](https://discourse.nodered.org/t/how-to-disable-dropdown-in-dashboard2-0/98540)

<div class="topic-metadata">

**Author:** [@hyxdxhb1231](https://discourse.nodered.org/u/hyxdxhb1231)\
**Replies:** 4\
**Last updated:** [8 August 2025 11:18 UTC](https://discourse.nodered.org/t/how-to-disable-dropdown-in-dashboard2-0/98540 "2025-08-08T11:18:47Z")

</div>

\[ { "id": "c49e79779893adbc", "type": "tab", "label": "流程 3", "disabled": false, "info": "", "env": \[\] }, { "id": "8175393d8b617ea7", "type": "u…

---

## [Dashboard 2 and spacer](https://discourse.nodered.org/t/dashboard-2-and-spacer/98565)

<div class="topic-metadata">

**Author:** [@Roland](https://discourse.nodered.org/u/Roland)\
**Replies:** 4\
**Last updated:** [8 August 2025 08:24 UTC](https://discourse.nodered.org/t/dashboard-2-and-spacer/98565 "2025-08-08T08:24:30Z")

</div>

Current releases Node-RED 4.1 and Dashboard 1.26.0. I am not able to change the size of a spacer anymore. A new spacer is defined with (1x1) and can’t be changed. An old spacer with different size for example (4x3) also…

---

## [Node-red-dashboard-2-table-tabulator problems when loading data](https://discourse.nodered.org/t/node-red-dashboard-2-table-tabulator-problems-when-loading-data/98225)

<div class="topic-metadata">

**Author:** [@Jean-Rem](https://discourse.nodered.org/u/Jean-Rem)\
**Replies:** 9\
**Last updated:** [7 August 2025 17:20 UTC](https://discourse.nodered.org/t/node-red-dashboard-2-table-tabulator-problems-when-loading-data/98225 "2025-08-07T17:20:14Z")

</div>

Hello, I'm facing problems when loading data (around 1150 records) in the table. The data are not loaded and I get this popup in the top right of my dashboard. When I reduce the number of records (135 ) I do'nt get prob…

---

## [DB1 to DB2: Widget/group sizing and layout issues](https://discourse.nodered.org/t/db1-to-db2-widget-group-sizing-and-layout-issues/98542)

<div class="topic-metadata">

**Author:** [@rakgupta](https://discourse.nodered.org/u/rakgupta)\
**Replies:** 6\
**Last updated:** [6 August 2025 17:40 UTC](https://discourse.nodered.org/t/db1-to-db2-widget-group-sizing-and-layout-issues/98542 "2025-08-06T17:40:25Z")

</div>

Hello: I am migrating my DB1 dashboard to DB2 and having a hard time adjusting the layout. For example: a widget that was sized as 8X7 in DB1 does not match the width/height of an 8X7 widget in DB2 and I have to play ar…

---

## [DB2 ui-tabulator: Is there an equivalent to msg.ui\_control to define tables?](https://discourse.nodered.org/t/db2-ui-tabulator-is-there-an-equivalent-to-msg-ui-control-to-define-tables/98534)

<div class="topic-metadata">

**Author:** [@rakgupta](https://discourse.nodered.org/u/rakgupta)\
**Replies:** 3\
**Last updated:** [6 August 2025 13:36 UTC](https://discourse.nodered.org/t/db2-ui-tabulator-is-there-an-equivalent-to-msg-ui-control-to-define-tables/98534 "2025-08-06T13:36:20Z")

</div>

@omrid - hoping you can help. In DB1, I was using msg.ui\_control to send in the table config to ui-table, I use the same table object and format it differently based on user selected options. msg.ui\_control in each c…

---

## [Open ui-link in new tab](https://discourse.nodered.org/t/open-ui-link-in-new-tab/98539)

<div class="topic-metadata">

**Author:** [@gerrybartley](https://discourse.nodered.org/u/gerrybartley)\
**Replies:** 1\
**Last updated:** [6 August 2025 11:06 UTC](https://discourse.nodered.org/t/open-ui-link-in-new-tab/98539 "2025-08-06T11:06:11Z")

</div>

Is there a way to configure the ui-link node in dashboard 2 to open in a new tab. This was a configurable option in Dashboard 1. Is there a workaround to do the same in D2 I know I can hold down crtl or shift to open se…

---

## [Dashboard 2.0 icons in html-template-node](https://discourse.nodered.org/t/dashboard-2-0-icons-in-html-template-node/98506)

<div class="topic-metadata">

**Author:** [@rewegit](https://discourse.nodered.org/u/rewegit)\
**Replies:** 3\
**Last updated:** [5 August 2025 17:05 UTC](https://discourse.nodered.org/t/dashboard-2-0-icons-in-html-template-node/98506 "2025-08-05T17:05:37Z")

</div>

I am trying to create my own button-toggle component with an html-template-node.The logic works so far. However, I can't get it to work with icons. They are not rendered for me.The icons work fine in a standard Dashboard…

---

## [CSS to set currently selected tab on v2 tab layout](https://discourse.nodered.org/t/css-to-set-currently-selected-tab-on-v2-tab-layout/98499)

<div class="topic-metadata">

**Author:** [@iiLaw](https://discourse.nodered.org/u/iiLaw)\
**Replies:** 6\
**Last updated:** [5 August 2025 08:44 UTC](https://discourse.nodered.org/t/css-to-set-currently-selected-tab-on-v2-tab-layout/98499 "2025-08-05T08:44:36Z")

</div>

Apologies if this has been asked. Has anyone worked out how to apply a custom CSS to show the currently selected tab in a v2 tab layout? Currently there is no way to no what tab your on.

---

## [How to change the UI\_chart series line color in dashboard 2 by message payload?](https://discourse.nodered.org/t/how-to-change-the-ui-chart-series-line-color-in-dashboard-2-by-message-payload/98493)

<div class="topic-metadata">

**Author:** [@Kang](https://discourse.nodered.org/u/Kang)\
**Replies:** 11\
**Last updated:** [5 August 2025 08:06 UTC](https://discourse.nodered.org/t/how-to-change-the-ui-chart-series-line-color-in-dashboard-2-by-message-payload/98493 "2025-08-05T08:06:36Z")

</div>

Hi, sir I found that there is no message access for me to change the line series color in UI\_CHART? Do you have any idea how to change the line color by message dynamically ? Here is my message payload and UI\_CHART se…

---

## [DB2: Migrating chart.js from DB1](https://discourse.nodered.org/t/db2-migrating-chart-js-from-db1/98421)

<div class="topic-metadata">

**Author:** [@rakgupta](https://discourse.nodered.org/u/rakgupta)\
**Replies:** 8\
**Last updated:** [4 August 2025 15:04 UTC](https://discourse.nodered.org/t/db2-migrating-chart-js-from-db1/98421 "2025-08-04T15:04:19Z")

</div>

Hi: I am migrating 3 charts (mixed - bar/line, stacked bar) from DB1 and I can’t get the first one to work (haven’t tried others). I was looking for examples using chart.js charts with DB2, but I could not find any. Are…

---

## [Dynamically change class of a button in template node](https://discourse.nodered.org/t/dynamically-change-class-of-a-button-in-template-node/98482)

<div class="topic-metadata">

**Author:** [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Replies:** 1\
**Last updated:** [3 August 2025 16:17 UTC](https://discourse.nodered.org/t/dynamically-change-class-of-a-button-in-template-node/98482 "2025-08-03T16:17:23Z")

</div>

\<template\> \<Teleport v-if="mounted" to="#app-bar-title"\> \<div width = "auto" class="btn-group"\> \<v-btn class='button1' @click="send({payload:'b2'})"\>Machines\</v-btn\> \<v-btn class='bu…

---

## [Single Page App in UIbuilder](https://discourse.nodered.org/t/single-page-app-in-uibuilder/98422)

<div class="topic-metadata">

**Author:** [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Replies:** 36\
**Last updated:** [2 August 2025 15:32 UTC](https://discourse.nodered.org/t/single-page-app-in-uibuilder/98422 "2025-08-02T15:32:47Z")

</div>

I currently use 3 instances of UIbuilder, one for each page, however I’m seeing the shortcomings of this approach & trying to move to a SPA model instead. So far, my layout is like this; uibuilder/test/src ├── index.c…

---

## [Install dashboard1 and dashboard2 at the same time, how to activate dashboard2 in frontend](https://discourse.nodered.org/t/install-dashboard1-and-dashboard2-at-the-same-time-how-to-activate-dashboard2-in-frontend/98445)

<div class="topic-metadata">

**Author:** [@Kang](https://discourse.nodered.org/u/Kang)\
**Replies:** 7\
**Last updated:** [1 August 2025 16:58 UTC](https://discourse.nodered.org/t/install-dashboard1-and-dashboard2-at-the-same-time-how-to-activate-dashboard2-in-frontend/98445 "2025-08-01T16:58:44Z")

</div>

Hi, sir I have installed dashboard1 and dashboard 2 together in my Node-RED, pls see below picture for detail, and my node-red version is 3.1.11, and node-red-dashboard version is 3.6.5. Although I can edit the node an…

---

## [How to set the x axis of chart as numeric value?](https://discourse.nodered.org/t/how-to-set-the-x-axis-of-chart-as-numeric-value/98438)

<div class="topic-metadata">

**Author:** [@Kang](https://discourse.nodered.org/u/Kang)\
**Replies:** 2\
**Last updated:** [1 August 2025 11:33 UTC](https://discourse.nodered.org/t/how-to-set-the-x-axis-of-chart-as-numeric-value/98438 "2025-08-01T11:33:01Z")

</div>

Hi, sir I found the chart node’s X axis is using string type label to display, which will bring two problems below, how can I fix them? The X axis value is sorted by the X array index, not by the X array value itself.…

---

## [Periodical reading of Modbus data from devices based on DB stored IP, and ASDU](https://discourse.nodered.org/t/periodical-reading-of-modbus-data-from-devices-based-on-db-stored-ip-and-asdu/98425)

<div class="topic-metadata">

**Author:** [@Felix](https://discourse.nodered.org/u/Felix)\
**Replies:** 5\
**Last updated:** [1 August 2025 06:14 UTC](https://discourse.nodered.org/t/periodical-reading-of-modbus-data-from-devices-based-on-db-stored-ip-and-asdu/98425 "2025-08-01T06:14:58Z")

</div>

Hi all. So I am really tired, or stupid. Please, help, if you have any idea. Here is the code of flow, that read DB with IP and ID(ASDU) and after that use this data in cycle put to Modbus to read the data about temp, …

---

## [Node-red and vs-code integration](https://discourse.nodered.org/t/node-red-and-vs-code-integration/97672)

<div class="topic-metadata">

**Author:** [@daniel-payne](https://discourse.nodered.org/u/daniel-payne)\
**Replies:** 47\
**Last updated:** [31 July 2025 14:11 UTC](https://discourse.nodered.org/t/node-red-and-vs-code-integration/97672 "2025-07-31T14:11:41Z")

</div>

I hope this can help anybody having the same issues as I have when writing long functions in node-red editor. Coding anything over 50 lines become difficult to work with, or trying to view multiple functions at the same…

---

## [From where is this text coming?](https://discourse.nodered.org/t/from-where-is-this-text-coming/98407)

<div class="topic-metadata">

**Author:** [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Replies:** 64\
**Last updated:** [31 July 2025 13:47 UTC](https://discourse.nodered.org/t/from-where-is-this-text-coming/98407 "2025-07-31T13:47:12Z")

</div>

Dashboard 2.0 I am lost to understand from where this text is coming. In particular the HOLD part. (This is the code side of things.) You can see the Test part/text. But no HOLD to be seen. The "Test" is from…

---

## [What is "Offline Ready" in DB-2 dashboard](https://discourse.nodered.org/t/what-is-offline-ready-in-db-2-dashboard/98414)

<div class="topic-metadata">

**Author:** [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Replies:** 6\
**Last updated:** [31 July 2025 13:16 UTC](https://discourse.nodered.org/t/what-is-offline-ready-in-db-2-dashboard/98414 "2025-07-31T13:16:40Z")

</div>

I see this on a very basic Dashboard and it has only recently shown itself. The little guy in the bottom right of the screen. Yeah, I could click it and find out. But.... It just seems like an interesting questio…

---

## [Help with db-2 button node](https://discourse.nodered.org/t/help-with-db-2-button-node/98403)

<div class="topic-metadata">

**Author:** [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Replies:** 9\
**Last updated:** [31 July 2025 09:15 UTC](https://discourse.nodered.org/t/help-with-db-2-button-node/98403 "2025-07-31T09:15:57Z")

</div>

This is DB-2, not the old/original one. Folks, I missed the memo on this. (And now I shall digress quickly) In the old dashboard, you/I could set what is shown with {{msg.xxx}} things and inject them into the button. …

---

## [Open URL question](https://discourse.nodered.org/t/open-url-question/98379)

<div class="topic-metadata">

**Author:** [@leftymuller](https://discourse.nodered.org/u/leftymuller)\
**Replies:** 13\
**Last updated:** [31 July 2025 02:49 UTC](https://discourse.nodered.org/t/open-url-question/98379 "2025-07-31T02:49:18Z")

</div>

Hello Good peoples, I have a small issue opening URL’s When a user opens a URL or opens for every other user who has the dashboard open. Is there a way so it only opens for the user that requested it?

---

## [DB2: Multi-series linear chart help](https://discourse.nodered.org/t/db2-multi-series-linear-chart-help/98396)

<div class="topic-metadata">

**Author:** [@rakgupta](https://discourse.nodered.org/u/rakgupta)\
**Replies:** 4\
**Last updated:** [30 July 2025 19:28 UTC](https://discourse.nodered.org/t/db2-multi-series-linear-chart-help/98396 "2025-07-30T19:28:41Z")

</div>

Hello: I’m moving a multi-series chart from DB1 to DB2 and am having some trouble. I looked at the example that @joepavitt gave in an earlier thread (https://discourse.nodered.org/t/help-chart-multiple-series-migration-…

---

## [How do I set filter in ui-table from a command](https://discourse.nodered.org/t/how-do-i-set-filter-in-ui-table-from-a-command/98371)

<div class="topic-metadata">

**Author:** [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Replies:** 6\
**Last updated:** [30 July 2025 08:54 UTC](https://discourse.nodered.org/t/how-do-i-set-filter-in-ui-table-from-a-command/98371 "2025-07-30T08:54:29Z")

</div>

I am generating a table using mysql queries and ui-table in dashboard-2. how can I set filter for a column be sending a msg.payload ? (from a dropdown for example) could not find any example or a discussion in forum fo…

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

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