# Adding a Node-RED-Dashboard UI widget node makes everything else disappear

**URL:** <https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184>\
**Category:** General\
**Tags:** node-red-dashboard, ui-widgets\
**Created:** [4 May 2022 14:37 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184 "2022-05-04T14:37:51Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![CBianca](https://avatars.discourse-cdn.com/v4/letter/c/d2c977/32.png) [@CBianca](https://discourse.nodered.org/u/CBianca)\
**Post date:** [4 May 2022 14:37 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/1 "2022-05-04T14:37:52Z")

</div>

When I add an UI widget, in my case node-red-node-ui-table, everything that existed before on the dashboard dissapears (theme also returns to the default one), even my side bar menu.  
Only the widget is shown:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/8/38a50904d4742a1b551a15247da3877ca01deee4.png)

I can't figure out what is the problem and I am stuck because of that. Please let me know if you need further information about this issue.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [4 May 2022 15:08 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/2 "2022-05-04T15:08:24Z")

</div>

What versions of node-js, node-red, node-red-dashboard are you running?

Are there any errors in the browsers console?

---

<div class="post-metadata">

**Author:** ![CBianca](https://avatars.discourse-cdn.com/v4/letter/c/d2c977/32.png) [@CBianca](https://discourse.nodered.org/u/CBianca)\
**Post date:** [4 May 2022 15:11 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/3 "2022-05-04T15:11:29Z")

</div>

First question:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/c/0cf51ee947655577523f162a7dff072ff87f60d8.png)

Second question:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/b/7b06e66731b59fa9e179935c19faa6b2d6a2c2bb.png)

---

<div class="post-metadata">

**Author:** ![CBianca](https://avatars.discourse-cdn.com/v4/letter/c/d2c977/32.png) [@CBianca](https://discourse.nodered.org/u/CBianca)\
**Post date:** [7 May 2022 14:54 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/4 "2022-05-07T14:54:12Z")

</div>

This happens with any widget type node, also tried with **Upload UI Widget**. Maybe I am doing something wrong or I miss a setting.

---

<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:** [7 May 2022 18:52 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/5 "2022-05-07T18:52:47Z")

</div>

Export your flow and attach it to a reply so someone can take a look at it

In order to make code readable and usable it is necessary to surround your code with three backticks (also known as a left quote or backquote `````)

````auto
``` 
   code goes here 
```

````

You can edit and correct your post by clicking the pencil ✏ icon.

See this post for more details - [How to share code or flow json](https://discourse.nodered.org/t/how-to-share-code-or-flow-json/506)

---

<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:** [8 May 2022 12:42 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/7 "2022-05-08T12:42:09Z")

</div>

Can you walk me thru the steps you take to add the table widget to your flow and how you configure it? Please be detailed so I can try to recreate your steps.

---

<div class="post-metadata">

**Author:** ![CBianca](https://avatars.discourse-cdn.com/v4/letter/c/d2c977/32.png) [@CBianca](https://discourse.nodered.org/u/CBianca)\
**Post date:** [9 May 2022 08:59 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/8 "2022-05-09T08:59:02Z")

</div>

Sure:

1. I installed it from here:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/c/0c04b771cf9a636c245396ee777b62a9125cc3c2.png)
2. I drag it from the "dashboard" section and put it into my flow:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/7/37b76554d00634e6d2feffa5cb58e27fb53777a9.png)
3. I set its group and click done + I connect it to the postgres node  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/b/cba930bf0a5914a3dff9b7c83ec89cfb17cdd316.png)
4. I press deploy and my ui goes from picture 1 to picture 2

1:

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

2:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/1/011cf848a90816c2f775941e2d2250228a60363f.png)

\*If I disable the widget node after being shown on the ui, my ui goes to (see picture below). The only way to go back to my normal ui (picture 1 from above) is to redeploy from cmd

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/0/c015a0a55504c15346a4166baee00015e87db3d6.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:** [9 May 2022 11:55 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/9 "2022-05-09T11:55:44Z")

</div>

Can you go to the editors right sidebar (where you see debug msgs) and click on the `dashboard' tab and expand all tabs and take a screen shot of it.

Also attach a `debug` node (set to display the complete msg object0 to the output of the postgres node and show me the results.

Following your instructions I can not reproduct the issue.

---

<div class="post-metadata">

**Author:** ![CBianca](https://avatars.discourse-cdn.com/v4/letter/c/d2c977/32.png) [@CBianca](https://discourse.nodered.org/u/CBianca)\
**Post date:** [9 May 2022 17:40 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/10 "2022-05-09T17:40:26Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/5/a5669c302f41d104a5adcd6d5e6b12bf106a0c36.png)

The output of debug node:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/2/e242e1cd73af44d09d178c83f864b537d5f19eaf.png)

The widget: I don't really care that the output looks like this right now

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/c/fca2e29f73a4f1117638f467039f2375877c3797.png)

Command used to start the server:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/c/dc5c4ecc3f911d7c1da367264a7447448b587b1d.png)

I guess since the problem can't be reproduced maybe it has something to do with my files?  
Does it matter from where do I start the server? Is there a difference if I start it from /bianca.cernat or from /bianca.cernat/.node-red-1881?

---

<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:** [9 May 2022 18:19 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/11 "2022-05-09T18:19:35Z")

</div>

Is tehre a reason you are running using port 1881 instead of 1880?

---

<div class="post-metadata">

**Author:** ![CBianca](https://avatars.discourse-cdn.com/v4/letter/c/d2c977/32.png) [@CBianca](https://discourse.nodered.org/u/CBianca)\
**Post date:** [10 May 2022 14:35 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/12 "2022-05-10T14:35:36Z")

</div>

I have another node-red application that is running on 1880. I use this as a workaround because of the fact that node-red is not multiuser intended.  
Also I get the same behavior on port 1880

---

<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:** [10 May 2022 23:12 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/13 "2022-05-10T23:12:44Z")

</div>

All I can thnk of at this point is it might be an issue having to do with Windows which I can't test out since I have a MAC and some Pi's.

@Steve-Mcl any ideas Steve?

---

<div class="post-metadata">

**Author:** ![CBianca](https://avatars.discourse-cdn.com/v4/letter/c/d2c977/32.png) [@CBianca](https://discourse.nodered.org/u/CBianca)\
**Post date:** [28 May 2022 10:30 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/15 "2022-05-28T10:30:27Z")

</div>

I identified what generates the problem:  
When starting the server with the command

> node-red -p 1884

everything works fine.  
When I rename my folner from .node-red to .node-red-1884 and start it using

> node-red -p 1884 -u c:.node-red-1884

What I describe earlier happens.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [28 May 2022 10:46 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/16 "2022-05-28T10:46:00Z")

</div>

> [@CBianca](#):
>
> node-red -p 1884 -u c:.node-red-1884

I assume you mean `c:/node-red-1884` or `c:\node-red-1884`?  
`c:.node-red-1884` is not valid is that a typo?

  

> [@CBianca](#):
>
> When starting the server with the command
> 
> > node-red -p 1884
> 
> everything works fine.

`node-red -p 1884` will be using a different folder (with different node\_modules installed) to `node-red -p 1884 -u c:/node-red-1884`

So this basically means what you have installed in `c:.node-red-1884` (wherever that is) has an issue where as the default `.node-red` folder (probably in `c:\users\YOURNAME\.node-red`) does not!

---

<div class="post-metadata">

**Author:** ![CBianca](https://avatars.discourse-cdn.com/v4/letter/c/d2c977/32.png) [@CBianca](https://discourse.nodered.org/u/CBianca)\
**Post date:** [28 May 2022 11:14 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/17 "2022-05-28T11:14:26Z")

</div>

They are both the same folder I just rename it from .node-red to .node-red-1884, so they should use the same folder.  
Right?

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/2/22ba12959bf9f9074aa4e9fd9933e347617f5e2f.png)

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [28 May 2022 11:17 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/18 "2022-05-28T11:17:06Z")

</div>

> [@CBianca](#):
>
> They are both the same folder I just rename it from .node-red to .node-red-1884, so they should use the same folder.

No, not entirely sure what you mean.

If you want to load the flows and installed nodes of `.node-red` then `node-red -p 1884` will use `.node-red`

If you want to load the flows and installed nodes of `.node-red-1884` then `node-red -p 1884 -u c:/users/bianca.cernat/.node-red-1884` will use everything inside `.node-red-1884`!

If you want to run both folders at the same time, use different port numbers...

```auto
node-red -p 1880 -u c:/users/bianca.cernat/.node-red    
# NOTE: this ↑ is just the same as entering node-red  

```

```auto
node-red -p 1884 -u c:/users/bianca.cernat/.node-red-1884

```

Both will run on separate ports and you can test both at the same time

---

<div class="post-metadata">

**Author:** ![CBianca](https://avatars.discourse-cdn.com/v4/letter/c/d2c977/32.png) [@CBianca](https://discourse.nodered.org/u/CBianca)\
**Post date:** [28 May 2022 11:21 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/19 "2022-05-28T11:21:06Z")

</div>

Ok, so. I think I resolved the problem.  
Before I was running it with the command that was not specifing all the path

> node-red -p 1884 c:.node-red-1884 yes this really worked, i don't know how

I tried to run it with

> node-red -p 1884 -u C:\Users\bianca.cernat.node-red-1884

and it worked.

Thank you for all your explanations, they helped me a lot in resolving my issue and gaining more knowledge about how node-red works!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [11 June 2022 11:21 UTC](https://discourse.nodered.org/t/adding-a-node-red-dashboard-ui-widget-node-makes-everything-else-disappear/62184/20 "2022-06-11T11:21:57Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.