# Empty dashboard window

**URL:** <https://discourse.nodered.org/t/empty-dashboard-window/84478>\
**Category:** Dashboard\
**Created:** [11 January 2024 13:14 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478 "2024-01-11T13:14:49Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [12 January 2024 11:08 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/21 "2024-01-12T11:08:01Z")

</div>

I think it's worth reinstalling Node-red. You shouldn't lose anything.

```auto
cd ~
bash <(curl -sL https://raw.githubusercontent.com/node-red/linux-installers/master/deb/update-nodejs-and-nodered) --node18

```

(Note --node18 at the end of the command)

There are various dashboard packages available. If you have installed any except node-red-dashboard, uninstall them.  
This includes @flowfuse/node-red-dashboard which is not yet ready for production use.  
Check node-red-dashboard in Mange Palette. Does it say it's installed? What version?

If node-red-dashboard is installed and you still can't get dashboard widgets to show up, reinstall dashboard:

```auto
cd ~/.node-red
npm remove node-red-dashboard
npm install node-red-dashboard

```

---

<div class="post-metadata">

**Author:** ![luemar](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@luemar](https://discourse.nodered.org/u/luemar)\
**Post date:** [12 January 2024 13:39 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/22 "2024-01-12T13:39:32Z")

</div>

@GogoVega 🙂  
the error log of the browser console for dashboard shows some errors (unfortunatly in german):

```auto
*Unbekannte Eigenschaft '-moz-osx-font-smoothing'. Deklaration ignoriert. [app.min.css:32169:27](http://192.168.1.102:1880/ui/css/app.min.css)*

*'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. 

[app.min.css:32271:11](http://192.168.1.102:1880/ui/css/app.min.css)*

*'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. [app.min.css:32308:11](http://192.168.1.102:1880/ui/css/app.min.css)*

*'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. [app.min.css:32345:11](http://192.168.1.102:1880/ui/css/app.min.css)*

*'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. [app.min.css:32379:11](http://192.168.1.102:1880/ui/css/app.min.css)*

*'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. [app.min.css:32387:11](http://192.168.1.102:1880/ui/css/app.min.css)*

*Fehler beim Verarbeiten des Wertes für 'background'. Deklaration ignoriert. [ui:1:13](http://192.168.1.102:1880/ui/)*

*Name einer Medienfunktion erwartet, aber '-ms-high-contrast' gefunden. [ui:135:20](http://192.168.1.102:1880/ui/)*

*Name einer Medienfunktion erwartet, aber '-ms-high-contrast' gefunden. [ui:135:49](http://192.168.1.102:1880/ui/)*

*Regelsatz wegen ungültigem Selektor ignoriert. [ui:164:1](http://192.168.1.102:1880/ui/)*

*​*

and mor errors for editor:

Unbekannte Eigenschaft '-moz-osx-font-smoothing'. Deklaration ignoriert. [font-awesome.min.css:4:662](http://192.168.1.102:1880/vendor/font-awesome/css/font-awesome.min.css?v=)

Fehler beim Verarbeiten des Wertes für '-webkit-text-size-adjust'. Deklaration ignoriert. [192.168.1.102:1880:23:28](http://192.168.1.102:1880/)

Unbekannte Eigenschaft '-moz-osx-font-smoothing'. Deklaration ignoriert. [192.168.1.102:1880:28:26](http://192.168.1.102:1880/)

Fehler beim Verarbeiten des Wertes für 'outline'. Deklaration ignoriert. [192.168.1.102:1880:43:20](http://192.168.1.102:1880/)

Fehler beim Verarbeiten des Wertes für 'animation-duration'. Deklaration ignoriert. [192.168.1.102:1880:218:22](http://192.168.1.102:1880/)

XHRGEThttp://192.168.1.102:1880/theme[HTTP/1.1 200 OK 15ms]

XHRGEThttp://192.168.1.102:1880/locales/editor?lng=de[HTTP/1.1 200 OK 26ms]

XHRGEThttp://192.168.1.102:1880/locales/node-red?lng=en[HTTP/1.1 304 Not Modified 115ms]

XHRGEThttp://192.168.1.102:1880/locales/editor?lng=en[HTTP/1.1 200 OK 115ms]

XHRGEThttp://192.168.1.102:1880/locales/infotips?lng=en-US[HTTP/1.1 200 OK 100ms]

XHRGEThttp://192.168.1.102:1880/locales/jsonata?lng=en-US[HTTP/1.1 200 OK 94ms]

XHRGEThttp://192.168.1.102:1880/locales/node-red?lng=en-US[HTTP/1.1 200 OK 78ms]

XHRGEThttp://192.168.1.102:1880/locales/editor?lng=en-US[HTTP/1.1 200 OK 76ms]

XHRGEThttp://192.168.1.102:1880/locales/infotips?lng=de[HTTP/1.1 200 OK 50ms]

XHRGEThttp://192.168.1.102:1880/locales/jsonata?lng=de[HTTP/1.1 200 OK 50ms]

XHRGEThttp://192.168.1.102:1880/locales/node-red?lng=de[HTTP/1.1 200 OK 35ms]

XHRGEThttp://192.168.1.102:1880/locales/infotips?lng=en[HTTP/1.1 200 OK 65ms]

XHRGEThttp://192.168.1.102:1880/locales/jsonata?lng=en[HTTP/1.1 200 OK 62ms]

XHRGEThttp://192.168.1.102:1880/settings?_=1705066564239[HTTP/1.1 200 OK 16ms]

XHRGEThttp://192.168.1.102:1880/settings/user?_=1705066564240[HTTP/1.1 200 OK 16ms]

Fehler beim Verarbeiten des Wertes für 'width'. Deklaration ignoriert. 2 [192.168.1.102:1880:1:1](http://192.168.1.102:1880/)

XHRGEThttp://192.168.1.102:1880/types/node-red/util.d.ts[HTTP/1.1 200 OK 15ms]

Fehler beim Verarbeiten des Wertes für 'width'. Deklaration ignoriert. [192.168.1.102:1880:1:1](http://192.168.1.102:1880/)

Fehler beim Verarbeiten des Wertes für 'width'. Deklaration ignoriert. [192.168.1.102:1880:1:1](http://192.168.1.102:1880/)

Fehler beim Verarbeiten des Wertes für 'width'. Deklaration ignoriert. [192.168.1.102:1880:1:1](http://192.168.1.102:1880/)

Fehler beim Verarbeiten des Wertes für 'width'. Deklaration ignoriert. [192.168.1.102:1880:1:1](http://192.168.1.102:1880/)

XHRGEThttp://192.168.1.102:1880/types/node-red/func.d.ts[HTTP/1.1 200 OK 26ms]

XHRGEThttp://192.168.1.102:1880/types/node/timers.d.ts[HTTP/1.1 304 Not Modified 31ms]

XHRGEThttp://192.168.1.102:1880/types/node/buffer.d.ts[HTTP/1.1 304 Not Modified 27ms]

XHRGEThttp://192.168.1.102:1880/types/node/console.d.ts[HTTP/1.1 304 Not Modified 11ms]

XHRGEThttp://192.168.1.102:1880/types/node/globals.d.ts[HTTP/1.1 200 OK 26ms]

Fehler beim Verarbeiten des Wertes für 'width'. Deklaration ignoriert. 8 [192.168.1.102:1880:1:1](http://192.168.1.102:1880/)

XHRGEThttp://192.168.1.102:1880/types/node/util.d.ts[HTTP/1.1 304 Not Modified 37ms]

XHRGEThttp://192.168.1.102:1880/plugins?_=1705066564241[HTTP/1.1 200 OK 36ms]

XHRGEThttp://192.168.1.102:1880/red/keymap.json[HTTP/1.1 200 OK 65ms]

XHRGEThttp://192.168.1.102:1880/plugins/messages?lng=de&_=1705066564242[HTTP/1.1 200 OK 27ms]

XHRGEThttp://192.168.1.102:1880/plugins/messages?lng=de&_=1705066564243[HTTP/1.1 200 OK 34ms]

XHRGEThttp://192.168.1.102:1880/plugins/messages?lng=en-US&_=1705066564244[HTTP/1.1 200 OK 43ms]

XHRGEThttp://192.168.1.102:1880/plugins?_=1705066564245[HTTP/1.1 200 OK 10ms]

XHRGEThttp://192.168.1.102:1880/nodes?_=1705066564246[HTTP/1.1 200 OK 13ms]

XHRGEThttp://192.168.1.102:1880/nodes/messages?lng=de&_=1705066564247[HTTP/1.1 200 OK 20ms]

XHRGEThttp://192.168.1.102:1880/nodes/messages?lng=de&_=1705066564248[HTTP/1.1 200 OK 30ms]

XHRGEThttp://192.168.1.102:1880/nodes/messages?lng=en-US&_=1705066564249[HTTP/1.1 200 OK 38ms]

XHRGEThttp://192.168.1.102:1880/icons?_=1705066564250[HTTP/1.1 200 OK 8ms]

XHRGEThttp://192.168.1.102:1880/nodes?_=1705066564251[HTTP/1.1 200 OK 261ms]

Fehler beim Verarbeiten des Wertes für 'outline-width'. Deklaration ignoriert. [192.168.1.102:1880:1:15](http://192.168.1.102:1880/)

XHRGEThttp://192.168.1.102:1880/ui_base/js/tinycolor-min.js[HTTP/1.1 304 Not Modified 30ms]

XHRGEThttp://192.168.1.102:1880/ui_base/gs/gridstack.min.js[HTTP/1.1 304 Not Modified 33ms]

XHRGEThttp://192.168.1.102:1880/uisettings[HTTP/1.1 304 Not Modified 47ms]

XHRGEThttp://192.168.1.102:1880/flows?_=1705066564252[HTTP/1.1 200 OK 22ms]

XHRGEThttp://192.168.1.102:1880/ui_base/gs/gridstack.jQueryUI.min.js[HTTP/1.1 304 Not Modified 48ms]

XHRGEThttp://192.168.1.102:1880/vendor/mermaid/mermaid.min.js?_=1705066564253[HTTP/1.1 200 OK 653ms]

​

```

---

<div class="post-metadata">

**Author:** ![luemar](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@luemar](https://discourse.nodered.org/u/luemar)\
**Post date:** [12 January 2024 13:51 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/23 "2024-01-12T13:51:22Z")

</div>

after page refreshing in the DeveloppernTools Console no error shown.  
I'm using Firefox.  
Downloaded Chrome and tried Edge, no change.  
Chrome shows in editor and dashboard an error indication in the right corne of the top line.

---

<div class="post-metadata">

**Author:** ![luemar](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@luemar](https://discourse.nodered.org/u/luemar)\
**Post date:** [12 January 2024 13:52 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/24 "2024-01-12T13:52:29Z")

</div>

I think the best solution is to reload Node-RED.

---

<div class="post-metadata">

**Author:** ![luemar](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@luemar](https://discourse.nodered.org/u/luemar)\
**Post date:** [12 January 2024 14:58 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/25 "2024-01-12T14:58:25Z")

</div>

I reinstalled Node-RED, removed and installed dashboard again,  
no success, dasboard remains empty apart from Wellcome and the prompt to add nodes  
to a flow.

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [12 January 2024 15:06 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/26 "2024-01-12T15:06:18Z")

</div>

What version of Node-red (use the hamburger menu for this), node.js (at a command line: node -v) and node-red-dashboard (look in Manage Palette) do you have?

Please show us a screen capture of your test flow with dashboard widgets in it.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [12 January 2024 15:21 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/27 "2024-01-12T15:21:51Z")

</div>

> [@luemar](#):
>
> Chrome shows in editor and dashboard an error indication in the right corne of the top line.

Show us that please.

---

<div class="post-metadata">

**Author:** ![luemar](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@luemar](https://discourse.nodered.org/u/luemar)\
**Post date:** [12 January 2024 15:51 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/28 "2024-01-12T15:51:59Z")

</div>

for Node-RED it's v18.19.0 and  
for dashboard it's 3.6.2

 ![grafik](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/d/cd01990d97c15c2635cf6e1f033adbd72cd72bdb.png)

---

<div class="post-metadata">

**Author:** ![GogoVega](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gogovega/32/71313_2.png) [@GogoVega](https://discourse.nodered.org/u/GogoVega)\
**Post date:** [12 January 2024 15:53 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/29 "2024-01-12T15:53:16Z")

</div>

Wait, what does the red triangle say?

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [12 January 2024 16:15 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/30 "2024-01-12T16:15:23Z")

</div>

18.19.0 might be the version of Node.js but it's not the version of Node-red.

You have to define a dashboard tab and a dashboard group then assign your widgets to the group before anything will show up on the dashboard.  
Easiest place to do that is in the config for each widget. Double click on the widget and click next to Create new tab. Click next to Create new group. Save them both and the widget.

Your flow is not deployed (big red button at top right). Nothing shows up on the dashboard until you deploy.

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [12 January 2024 16:24 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/31 "2024-01-12T16:24:21Z")

</div>

@luemar Notice the red triangles on the two nodes? That indicates they have not been configured and they won't show up on your dashboard.

When you imported the flow I provided, did you do a deploy before checking the dashboard?

When ever you make a change in Node-ED you need to do a deploy in order for it to become effective.

---

<div class="post-metadata">

**Author:** ![luemar](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@luemar](https://discourse.nodered.org/u/luemar)\
**Post date:** [13 January 2024 09:19 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/32 "2024-01-13T09:19:12Z")

</div>

at new attempt no error indication any more:

 ![grafik](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/d/5d6a64405934c94735597503d46cdcc76f7e2235.png)

---

<div class="post-metadata">

**Author:** ![GogoVega](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gogovega/32/71313_2.png) [@GogoVega](https://discourse.nodered.org/u/GogoVega)\
**Post date:** [13 January 2024 09:22 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/33 "2024-01-13T09:22:11Z")

</div>

And for Paul's questions?

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [13 January 2024 09:49 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/34 "2024-01-13T09:49:01Z")

</div>

Show us what the editor page looks like please.

---

<div class="post-metadata">

**Author:** ![luemar](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@luemar](https://discourse.nodered.org/u/luemar)\
**Post date:** [13 January 2024 14:29 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/35 "2024-01-13T14:29:14Z")

</div>

yes, I noticed the two red triangles. I just ulled them from the node menue left.  
I will configure them now....

After importing and deploying your flow again I get the dashborad below which is probably  
what id should ??

 ![grafik](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/1/e1873294ceb6804eee470ee27a2d4f59edf76890.png)

---

<div class="post-metadata">

**Author:** ![luemar](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@luemar](https://discourse.nodered.org/u/luemar)\
**Post date:** [13 January 2024 14:30 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/36 "2024-01-13T14:30:39Z")

</div>

just answered...

---

<div class="post-metadata">

**Author:** ![GogoVega](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gogovega/32/71313_2.png) [@GogoVega](https://discourse.nodered.org/u/GogoVega)\
**Post date:** [13 January 2024 14:32 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/37 "2024-01-13T14:32:08Z")

</div>

So now try with your nodes

Red triangle = still something to configure/fix

Don't forget to deploy!

---

<div class="post-metadata">

**Author:** ![luemar](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@luemar](https://discourse.nodered.org/u/luemar)\
**Post date:** [13 January 2024 14:43 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/38 "2024-01-13T14:43:59Z")

</div>

....and -forgotten to state - dashboards IP address is now:  
IP-address:1880/ui/#!/0?soketid=0angyQVsKcwTjbKdAAAY

I think weare getting somwhere...

---

<div class="post-metadata">

**Author:** ![luemar](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@luemar](https://discourse.nodered.org/u/luemar)\
**Post date:** [13 January 2024 14:48 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/39 "2024-01-13T14:48:58Z")

</div>

after import of Paul's flow the editor page looks like whicjh should be okay:

 ![grafik](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/0/e0348c25c5f7e7b8d3554c538fe9335702d8edf1.png)

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [13 January 2024 15:25 UTC](https://discourse.nodered.org/t/empty-dashboard-window/84478/40 "2024-01-13T15:25:41Z")

</div>

I did tell you to import it and deploy it

> [@zenofmud](#):
>
> Or you could import this flow:
> 
> ```auto
> [{"id":"1cdfd83af2d9da49","type":"inject","z":"1ca45eabffa21dfd","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"Hello World","payloadType":"str","x":230,"y":540,"wires":[["c8315e5c1d48feb3"]]},{"id":"c8315e5c1d48feb3","type":"ui_text","z":"1ca45eabffa21dfd","group":"fce60e45af73a149","order":0,"width":0,"height":0,"name":"","label":"text","format":"{{msg.payload}}","layout":"row-spread","className":"","style":false,"font":"","fontSize":16,"color":"#000000","x":430,"y":540,"wires":[]},{"id":"fce60e45af73a149","type":"ui_group","name":"Default","tab":"031b621cdb91dec1","order":1,"disp":true,"width":"6","collapse":false,"className":""},{"id":"031b621cdb91dec1","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]
> 
> ```
> 
> and deploy and check the dashboard

🤣

[Previous page](https://discourse.nodered.org/t/empty-dashboard-window/84478.md?page=1)

[Next page](https://discourse.nodered.org/t/empty-dashboard-window/84478.md?page=3)