# Dashboard

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

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

**Page:** 34

---

## [Debugging Node-RED ui\_base.js and Understanding WebSocket Behavior](https://discourse.nodered.org/t/debugging-node-red-ui-base-js-and-understanding-websocket-behavior/91131)

<div class="topic-metadata">

**Author:** [@Nandhini-Subramaniya](https://discourse.nodered.org/u/Nandhini-Subramaniya)\
**Replies:** 6\
**Last updated:** [24 September 2024 08:44 UTC](https://discourse.nodered.org/t/debugging-node-red-ui-base-js-and-understanding-websocket-behavior/91131 "2024-09-24T08:44:24Z")

</div>

I'm working on debugging the ui\_base.js file from the FlowFuse Node-RED Dashboard located at /home/nandhini/CTCDSERV/nodered/node-red/node\_modules/@flowfuse/node-red-dashboard/nodes/config/ui\_base.js. Challenges: Meth…

---

## [Values getting dropped in chart 2.0 - Bar graph](https://discourse.nodered.org/t/values-getting-dropped-in-chart-2-0-bar-graph/90998)

<div class="topic-metadata">

**Author:** [@shubhamnodered](https://discourse.nodered.org/u/shubhamnodered)\
**Replies:** 8\
**Last updated:** [24 September 2024 08:37 UTC](https://discourse.nodered.org/t/values-getting-dropped-in-chart-2-0-bar-graph/90998 "2024-09-24T08:37:43Z")

</div>

Hi Team, For the given bar chart (Chart 2.0) visualized, i am feeding random numerical number every 1 second. However, the thing i observed: Some of the value get dropped. Bar chart is not updating/appending values d…

---

## [Button group selection reset](https://discourse.nodered.org/t/button-group-selection-reset/91106)

<div class="topic-metadata">

**Author:** [@KarolisL](https://discourse.nodered.org/u/KarolisL)\
**Replies:** 1\
**Last updated:** [23 September 2024 11:23 UTC](https://discourse.nodered.org/t/button-group-selection-reset/91106 "2024-09-23T11:23:13Z")

</div>

WIth version v1.13 I'm able to reset button group state \[ { "id": "2059f95a381c4ee9", "type": "ui-button-group", "z": "b5b01e12c2d27ec0", "g": "b5e2b560f2a5f66d", "name": "SDS…

---

## [How do I change the height or the spacing between the \`ui\_switch\` elements?](https://discourse.nodered.org/t/how-do-i-change-the-height-or-the-spacing-between-the-ui-switch-elements/90983)

<div class="topic-metadata">

**Author:** [@xxxSRxxx](https://discourse.nodered.org/u/xxxSRxxx)\
**Replies:** 21\
**Last updated:** [22 September 2024 10:51 UTC](https://discourse.nodered.org/t/how-do-i-change-the-height-or-the-spacing-between-the-ui-switch-elements/90983 "2024-09-22T10:51:15Z")

</div>

I want to reduce the height or spacing of the ui\_switch elements in a specific group so that I can display multiple switches on a single page.

---

## [Form output and placeholder template\_ui](https://discourse.nodered.org/t/form-output-and-placeholder-template-ui/91160)

<div class="topic-metadata">

**Author:** [@Panda](https://discourse.nodered.org/u/Panda)\
**Replies:** 6\
**Last updated:** [21 September 2024 15:30 UTC](https://discourse.nodered.org/t/form-output-and-placeholder-template-ui/91160 "2024-09-21T15:30:06Z")

</div>

Hey guys, I want to make a form in the template node and then make an output for the next node. Unfortunately I can't get it right, do any of you have an idea where the problem is? Thanks in advance \<style\> .input…

---

## [Dashboard 2 - number input node enquiry](https://discourse.nodered.org/t/dashboard-2-number-input-node-enquiry/91137)

<div class="topic-metadata">

**Author:** [@Surefire01](https://discourse.nodered.org/u/Surefire01)\
**Replies:** 5\
**Last updated:** [21 September 2024 10:27 UTC](https://discourse.nodered.org/t/dashboard-2-number-input-node-enquiry/91137 "2024-09-21T10:27:23Z")

</div>

Greetings folks. Thought it was about time to embrace the latest dashboard developments for my home heating project and have begun to recreate my old dashboard into dashboard 2. All is going well but I have noticed some…

---

## [Best way to push DB1 data series to DB2 for chart?](https://discourse.nodered.org/t/best-way-to-push-db1-data-series-to-db2-for-chart/91029)

<div class="topic-metadata">

**Author:** [@WhiteLion](https://discourse.nodered.org/u/WhiteLion)\
**Replies:** 6\
**Last updated:** [21 September 2024 07:19 UTC](https://discourse.nodered.org/t/best-way-to-push-db1-data-series-to-db2-for-chart/91029 "2024-09-21T07:19:44Z")

</div>

I use the payload below to push data to a DB1 line chart... That works nice. What would be the best way to push it to a DB2.0 chart ? \[{"series":\["Leitung 1","Leitung 2","Leitung 3","Alle Leitungen"\], "data":\[\[{"x":1726…

---

## [D2 - Google Analytics?](https://discourse.nodered.org/t/d2-google-analytics/91140)

<div class="topic-metadata">

**Author:** [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Replies:** 3\
**Last updated:** [20 September 2024 20:22 UTC](https://discourse.nodered.org/t/d2-google-analytics/91140 "2024-09-20T20:22:23Z")

</div>

Hi, just happened to see the sw.js service worker script contents that D2 uses and I noticed that it seems to include a link to Google Analytics? If that is so, I believe you need to declare that clearly in the docs to …

---

## [Link / iFrame usage on DB1 / stopped working](https://discourse.nodered.org/t/link-iframe-usage-on-db1-stopped-working/91150)

<div class="topic-metadata">

**Author:** [@WhiteLion](https://discourse.nodered.org/u/WhiteLion)\
**Replies:** 3\
**Last updated:** [20 September 2024 18:14 UTC](https://discourse.nodered.org/t/link-iframe-usage-on-db1-stopped-working/91150 "2024-09-20T18:14:47Z")

</div>

I used a link of DB1 in the past to view the site: https://www.lebensmittelwarnung.de/ Now it stopped working / when I try to do same or use iframe on DB2 it shows only a message "The site has refused the connection".…

---

## [Debugging Node-RED ui\_base.js File from FlowFuse Dashboard](https://discourse.nodered.org/t/debugging-node-red-ui-base-js-file-from-flowfuse-dashboard/91130)

<div class="topic-metadata">

**Author:** [@Nandhini-Subramaniya](https://discourse.nodered.org/u/Nandhini-Subramaniya)\
**Replies:** 1\
**Last updated:** [20 September 2024 06:05 UTC](https://discourse.nodered.org/t/debugging-node-red-ui-base-js-file-from-flowfuse-dashboard/91130 "2024-09-20T06:05:55Z")

</div>

I'm encountering an issue where the functions inside ui\_base.js are not being called, even though the init function is executed. I’ve tried setting breakpoints in Node-RED, but they are not being hit. What I’ve tried: …

---

## [Msg size limit in Dashboard 2.0](https://discourse.nodered.org/t/msg-size-limit-in-dashboard-2-0/91080)

<div class="topic-metadata">

**Author:** [@omrid](https://discourse.nodered.org/u/omrid)\
**Replies:** 7\
**Last updated:** [19 September 2024 20:40 UTC](https://discourse.nodered.org/t/msg-size-limit-in-dashboard-2-0/91080 "2024-09-19T20:40:16Z")

</div>

I am loading big amounts of data from a DB and displaying it in Dashboard-2.0 nodes. I have done some stress-testing and noticed that when the msg size is too big, the dashboard page disconnects/reloads, and sometimes t…

---

## [Ui-chart line point missing](https://discourse.nodered.org/t/ui-chart-line-point-missing/91090)

<div class="topic-metadata">

**Author:** [@Gaetano](https://discourse.nodered.org/u/Gaetano)\
**Replies:** 2\
**Last updated:** [19 September 2024 08:14 UTC](https://discourse.nodered.org/t/ui-chart-line-point-missing/91090 "2024-09-19T08:14:22Z")

</div>

I am experiencing some problems in representing lines using the ui-chart node. It is a very similar problem to the one encountered with the bars: the second element of the series to be represented is not displayed. The…

---

## [Dashboard2 - ui-chart - Show only points not line between them](https://discourse.nodered.org/t/dashboard2-ui-chart-show-only-points-not-line-between-them/91077)

<div class="topic-metadata">

**Author:** [@Guillem](https://discourse.nodered.org/u/Guillem)\
**Replies:** 1\
**Last updated:** [18 September 2024 18:24 UTC](https://discourse.nodered.org/t/dashboard2-ui-chart-show-only-points-not-line-between-them/91077 "2024-09-18T18:24:30Z")

</div>

Hi everybody, I created an ui-chart with a node inject and a node random. I could "trend" the values on chart but how I could put the line between them?¿ I only have these options: Thanks in advance, Guillem

---

## [Accessing Global Context Data Inside ui\_base.js for uiShared.httpMiddleware in Node-RED for Custom Authentication](https://discourse.nodered.org/t/accessing-global-context-data-inside-ui-base-js-for-uishared-httpmiddleware-in-node-red-for-custom-authentication/90999)

<div class="topic-metadata">

**Author:** [@DhamodharanGopal](https://discourse.nodered.org/u/DhamodharanGopal)\
**Replies:** 2\
**Last updated:** [18 September 2024 16:25 UTC](https://discourse.nodered.org/t/accessing-global-context-data-inside-ui-base-js-for-uishared-httpmiddleware-in-node-red-for-custom-authentication/90999 "2024-09-18T16:25:46Z")

</div>

Hello Everyone, I’m trying to implement custom authentication in Node-RED by accessing global context data inside the ui\_base.js file, specifically in the uiShared.httpMiddleware function, to prevent unauthorized access…

---

## [Width of bars on bar chart](https://discourse.nodered.org/t/width-of-bars-on-bar-chart/91068)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 3\
**Last updated:** [18 September 2024 15:11 UTC](https://discourse.nodered.org/t/width-of-bars-on-bar-chart/91068 "2024-09-18T15:11:26Z")

</div>

I have this dashboard 1 chart The data comes from an SQL query so it's an array \[{"dayofmonth":20,"totalwh":194},{"dayofmonth":20,"totalwh":170},{"dayofmonth":21,"totalwh":184},{"dayofmonth":22,"totalwh":190},{"dayof…

---

## [Vuetify Labs v-calendar blocked?](https://discourse.nodered.org/t/vuetify-labs-v-calendar-blocked/91065)

<div class="topic-metadata">

**Author:** [@Bobo](https://discourse.nodered.org/u/Bobo)\
**Replies:** 2\
**Last updated:** [18 September 2024 09:58 UTC](https://discourse.nodered.org/t/vuetify-labs-v-calendar-blocked/91065 "2024-09-18T09:58:25Z")

</div>

I notice this has now been moved from "up next" to "blocked". Does that mean it is no longer being looked at, or there will be a significant delay in implementing or ... ? Cheers Bob

---

## [Visualizing numerical data on bar chart with x-axis type set as on timestamp](https://discourse.nodered.org/t/visualizing-numerical-data-on-bar-chart-with-x-axis-type-set-as-on-timestamp/90997)

<div class="topic-metadata">

**Author:** [@shubhamnodered](https://discourse.nodered.org/u/shubhamnodered)\
**Replies:** 2\
**Last updated:** [18 September 2024 08:52 UTC](https://discourse.nodered.org/t/visualizing-numerical-data-on-bar-chart-with-x-axis-type-set-as-on-timestamp/90997 "2024-09-18T08:52:46Z")

</div>

Hello Guys, Is there a way to visualize numerical data on bar chart with x-axis type set as on timestamp as shown in the image \[Image is copied from my grafana dashboard\]? By default, chart node 2.0 does offer to visul…

---

## [Ui-template -\> using V1 state timeline](https://discourse.nodered.org/t/ui-template-using-v1-state-timeline/91048)

<div class="topic-metadata">

**Author:** [@LoRdOfUnO](https://discourse.nodered.org/u/LoRdOfUnO)\
**Replies:** 1\
**Last updated:** [18 September 2024 05:23 UTC](https://discourse.nodered.org/t/ui-template-using-v1-state-timeline/91048 "2024-09-18T05:23:54Z")

</div>

Hi, I run into trouble using DashboardV2 ui template. I used the V1 before, and using this example made a nice looking graph. But i can't get it to work on V2. Event Timeline Dashboard Graph (flow) - Node-RED (nodere…

---

## [Maintained buttons](https://discourse.nodered.org/t/maintained-buttons/91049)

<div class="topic-metadata">

**Author:** [@nearbyatom](https://discourse.nodered.org/u/nearbyatom)\
**Replies:** 3\
**Last updated:** [18 September 2024 01:33 UTC](https://discourse.nodered.org/t/maintained-buttons/91049 "2024-09-18T01:33:36Z")

</div>

I see the buttons in the UI. How do I get to work like the slider switch? So if I press the button, sets the payload to true. Press again, set payload to false. TIA.

---

## [Help with Node-RED Dashboard for InfluxDB2 Query Using Date, Time, and CSV Export](https://discourse.nodered.org/t/help-with-node-red-dashboard-for-influxdb2-query-using-date-time-and-csv-export/91036)

<div class="topic-metadata">

**Author:** [@ChristophHerrx](https://discourse.nodered.org/u/ChristophHerrx)\
**Replies:** 11\
**Last updated:** [17 September 2024 12:01 UTC](https://discourse.nodered.org/t/help-with-node-red-dashboard-for-influxdb2-query-using-date-time-and-csv-export/91036 "2024-09-17T12:01:17Z")

</div>

Hi everyone, I'm working on a Node-RED project where I want to input a date and time through the dashboard. Based on these inputs, I need to query an InfluxDB2 database. The retrieved data should be displayed in plain t…

---

## [Dashboard and Dashboard 2.0](https://discourse.nodered.org/t/dashboard-and-dashboard-2-0/90937)

<div class="topic-metadata">

**Author:** [@Guillem](https://discourse.nodered.org/u/Guillem)\
**Replies:** 18\
**Last updated:** [17 September 2024 10:09 UTC](https://discourse.nodered.org/t/dashboard-and-dashboard-2-0/90937 "2024-09-17T10:09:41Z")

</div>

Hi everybody, I'm beginner on node-red. I've on my node-red project two options: Dashboard + Dashboard 2.0. What's the difference? I only find that: On Dashboard - I could put input values, trend, gauches,... I cou…

---

## [Name it! (I wouldn't ask if I was happy with the old name)](https://discourse.nodered.org/t/name-it-i-wouldnt-ask-if-i-was-happy-with-the-old-name/90990)

<div class="topic-metadata">

**Author:** [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Replies:** 34\
**Last updated:** [17 September 2024 09:48 UTC](https://discourse.nodered.org/t/name-it-i-wouldnt-ask-if-i-was-happy-with-the-old-name/90990 "2024-09-17T09:48:06Z")

</div>

From DB1 you probably remember this: And you may have seen me prototyping this: If that last one wants to turn to widget, the baby needs a name .. :drum: node-red-dashboard-2-NAME-GOES-HERE

---

## [Dashboard 2.0 gauge level tank](https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771)

<div class="topic-metadata">

**Author:** [@nodouser](https://discourse.nodered.org/u/nodouser)\
**Replies:** 9\
**Last updated:** [17 September 2024 08:50 UTC](https://discourse.nodered.org/t/dashboard-2-0-gauge-level-tank/90771 "2024-09-17T08:50:54Z")

</div>

Hi, I made a gauge with a tank level. When it is 100%, the image looks almost empty. Is this correct?

---

## [Button Iconify animated icon stops quickly, how to "reload" it to animate again?](https://discourse.nodered.org/t/button-iconify-animated-icon-stops-quickly-how-to-reload-it-to-animate-again/91024)

<div class="topic-metadata">

**Author:** [@waquete](https://discourse.nodered.org/u/waquete)\
**Replies:** 4\
**Last updated:** [16 September 2024 21:20 UTC](https://discourse.nodered.org/t/button-iconify-animated-icon-stops-quickly-how-to-reload-it-to-animate-again/91024 "2024-09-16T21:20:27Z")

</div>

Hi !! I try to build a weather dashboard using iconify and a dashboard push button. One of the icon I'd like to use is this one: The animation of rain drop is quite short (maybe less than hald a second). So I was th…

---

## [Node-red-contrib-image-output - IMAGE NOT LOADED](https://discourse.nodered.org/t/node-red-contrib-image-output-image-not-loaded/91011)

<div class="topic-metadata">

**Author:** [@Guillem](https://discourse.nodered.org/u/Guillem)\
**Replies:** 3\
**Last updated:** [16 September 2024 13:12 UTC](https://discourse.nodered.org/t/node-red-contrib-image-output-image-not-loaded/91011 "2024-09-16T13:12:23Z")

</div>

Hi, Following the tread: node-red-contrib-image-output I only put and image, and it doesn't show on /ui neither /dashboard I only have the output (image not loaded). I resized it and neither works well. Please,…

---

## [Vite build breaks mechanism to provide extra resources for the editor](https://discourse.nodered.org/t/vite-build-breaks-mechanism-to-provide-extra-resources-for-the-editor/91007)

<div class="topic-metadata">

**Author:** [@ralphwetzel](https://discourse.nodered.org/u/ralphwetzel)\
**Replies:** 1\
**Last updated:** [16 September 2024 08:14 UTC](https://discourse.nodered.org/t/vite-build-breaks-mechanism-to-provide-extra-resources-for-the-editor/91007 "2024-09-16T08:14:20Z")

</div>

When building a widget for Dashboard-2, vite places the resulting file into the /resources folder: Unfortunately, as it's documentation states, by default, Vite will empty the outDir on build if it is inside project…

---

## [Dark theme does not apply when running in a container](https://discourse.nodered.org/t/dark-theme-does-not-apply-when-running-in-a-container/91009)

<div class="topic-metadata">

**Author:** [@chainhead](https://discourse.nodered.org/u/chainhead)\
**Replies:** 0\
**Last updated:** [16 September 2024 03:01 UTC](https://discourse.nodered.org/t/dark-theme-does-not-apply-when-running-in-a-container/91009 "2024-09-16T03:01:55Z")

</div>

I have a dashboard where I have set the theme to dark. When I launch node-red on CLI and access the dashboard, the dark theme is applied. However, when I am running the same in a container, via Docker Compose, the dark t…

---

## [Button State node - is something similar available for Dashboard 2?](https://discourse.nodered.org/t/button-state-node-is-something-similar-available-for-dashboard-2/90933)

<div class="topic-metadata">

**Author:** [@alexander77](https://discourse.nodered.org/u/alexander77)\
**Replies:** 32\
**Last updated:** [15 September 2024 16:53 UTC](https://discourse.nodered.org/t/button-state-node-is-something-similar-available-for-dashboard-2/90933 "2024-09-15T16:53:00Z")

</div>

Hi all, I love to use the buttonstate node. Now reworking some older projects this question came up: Is there a similar node available for the dashboard2? Kind regards Alexander

---

## [The shape of a button](https://discourse.nodered.org/t/the-shape-of-a-button/90853)

<div class="topic-metadata">

**Author:** [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Replies:** 38\
**Last updated:** [15 September 2024 16:31 UTC](https://discourse.nodered.org/t/the-shape-of-a-button/90853 "2024-09-15T16:31:25Z")

</div>

Here are a few buttons, 3 with default styling and 3 with border-radius: 50% and colour changes. The button label shows what size it is - 1x1, 2x1 or 2x4. Perhaps foolishly, I expected a 1x1 or 2x2 button to be squ…

---

## [Chart 2.0 cannot be configured to display timestamp on x-axis at regular 1 second interval](https://discourse.nodered.org/t/chart-2-0-cannot-be-configured-to-display-timestamp-on-x-axis-at-regular-1-second-interval/90996)

<div class="topic-metadata">

**Author:** [@shubhamnodered](https://discourse.nodered.org/u/shubhamnodered)\
**Replies:** 0\
**Last updated:** [15 September 2024 11:17 UTC](https://discourse.nodered.org/t/chart-2-0-cannot-be-configured-to-display-timestamp-on-x-axis-at-regular-1-second-interval/90996 "2024-09-15T11:17:09Z")

</div>

Hi Guys and Hello Node read teams, I was playing around with Chart Node in Dashboard 2.0. Every second, I generate a random number and visualize it in the chart node. However, I'd like the x-axis to display time values …

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

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