Empty dashboard window

Dashboard
21

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

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:

cd ~/.node-red
npm remove node-red-dashboard
npm install node-red-dashboard
22

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

*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]

​
23

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.

24

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

25

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.

26

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.

1 Like
27

Show us that please.

28

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

grafik
grafik925×886 33.7 KB

29

Wait, what does the red triangle say?

30

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.

31

@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.

32

at new attempt no error indication any more:

grafik
grafik1035×1006 20.6 KB

33

And for Paul's questions?

34

Show us what the editor page looks like please.

35

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
grafik875×158 2.27 KB

1 Like
36

just answered...

37

So now try with your nodes

Red triangle = still something to configure/fix

Don't forget to deploy!

38

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

I think weare getting somwhere...

39

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

grafik
grafik1301×889 34.1 KB

2 Likes
40

I did tell you to import it and deploy it

:rofl: