# Node ordering in groups

**URL:** https://discourse.nodered.org/t/node-ordering-in-groups/85448
**Category:** Dashboard
**Tags:** dashboard-2
**Created:** [12 February 2024 11:20 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448 "2024-02-12T11:20:06Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![nygma2004](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nygma2004/32/1308_2.png) [@nygma2004](https://discourse.nodered.org/u/nygma2004)
#### Post date: [12 February 2024 11:20 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/1 "2024-02-12T11:20:07Z")

</div>

Is there a trick to get Dashboard 2.0 to display the groups in the same order I defined them? I have a bunch of markdowns and templates and I arranged them neatly on my page I want them to appear. The page is using the Notebook layout. All markdowns and templates are set to size auto. But they are appearing all over the place on the UI. And it drives my up the wall.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/e/9e62d006ad3aa255ed91f9655f6e2cf87daf0518.png)

I deleted cache, opened in a new Chrome instance, even in incognito mode and still all over the place. I recently updated dashboard nodes and restarted NR and it fixed the issue. But I am not planning to restart NR every time I re-arrange my nodes.

Is there a trick I am missing? This is so fustrating.

---

<div class="post-metadata">

### Author: ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [12 February 2024 11:35 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/2 "2024-02-12T11:35:13Z")

</div>

The only thing I can think of quickly is to do a full deploy, rather than a partial or modified nodes only deploy.

This is definitely a bug though, so please do raise it on GitHub

---

<div class="post-metadata">

### Author: ![nygma2004](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nygma2004/32/1308_2.png) [@nygma2004](https://discourse.nodered.org/u/nygma2004)
#### Post date: [12 February 2024 11:45 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/3 "2024-02-12T11:45:13Z")

</div>

It gets better. I moved all the nodes around within the flow and wanted to deploy the entire flow. I have never seen this error message before:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/9/0951f5874d645168d8c45a8d1b412d5055a67108.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: [12 February 2024 11:46 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/4 "2024-02-12T11:46:56Z")

</div>

> [@joepavitt](#):
>
> please do raise it on GitHub

> <https://github.com/FlowFuse/node-red-dashboard/issues/183>
>
> 1. add 2 ui-text nodes with text "Item 1" ~ "Item 3"
> 2. deploy and check they a…re ordered correctly
> 3. modify the "Item 1" (add an !exclamation! to text)
> 4. deploy using node-deploy
> 
> !\[chrome\_vdkBWWMbUR\](https://github.com/flowforge/flowforge-nr-dashboard/assets/44235289/c359948c-0e0a-4af3-bd14-eeb640803f11)

---

<div class="post-metadata">

### Author: ![nygma2004](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nygma2004/32/1308_2.png) [@nygma2004](https://discourse.nodered.org/u/nygma2004)
#### Post date: [12 February 2024 11:48 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/5 "2024-02-12T11:48:33Z")

</div>

Ignore my last comment. I think when I deleted the browser cache it killed the session with the editor. After re-opening in a new browser, I logged in again and worked. But to fully deploy the entire flow did not help. I did not want to do a full deploy just yet.

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [12 February 2024 11:59 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/6 "2024-02-12T11:59:44Z")

</div>

> [@nygma2004](#):
>
> I deleted the browser cache it killed the session with the editor.

You probably cleared everything - which gets rid of the cookies and local storage as well so your sessions all collapse.

---

<div class="post-metadata">

### Author: ![nygma2004](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nygma2004/32/1308_2.png) [@nygma2004](https://discourse.nodered.org/u/nygma2004)
#### Post date: [12 February 2024 12:04 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/7 "2024-02-12T12:04:50Z")

</div>

Can anything fix this besides restarting Node-Red?

---

<div class="post-metadata">

### Author: ![nygma2004](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nygma2004/32/1308_2.png) [@nygma2004](https://discourse.nodered.org/u/nygma2004)
#### Post date: [12 February 2024 13:40 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/8 "2024-02-12T13:40:51Z")

</div>

Also a bit of additional info: now I am playing with gauges. I create a bunch of them, I move them around in the sidebar, I deploy and the changes take place on the UI. If I do the same with my templates and markdowns nobody moves. I am not sure how these are different.

---

<div class="post-metadata">

### Author: ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [13 February 2024 09:00 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/9 "2024-02-13T09:00:19Z")

</div>

hmmm... _that is_ bizarre... they're all driven by the same logic 😕 will investigate

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [13 February 2024 09:13 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/10 "2024-02-13T09:13:42Z")

</div>

I did reported another issue about elements positions in group. It may be mixed issue here, I can't tell. But sorting out this may help to investigate.

> <https://github.com/FlowFuse/node-red-dashboard/issues/570>
>
> \### Description
> 
> Preconditions: Group size is 6x1
> Expected layout :
> 
> !\[imag…e\](https://github.com/FlowFuse/node-red-dashboard/assets/35291460/c4bbef4a-42da-4b90-9e7f-0844f2300e59)
> 
> Where 2x2 button is second in order.
> 
> !\[image\](https://github.com/FlowFuse/node-red-dashboard/assets/35291460/9c51edf3-9a25-4087-8a46-e3d9f4e3a14f)
> 
> The actual outcome is:
> 
> !\[image\](https://github.com/FlowFuse/node-red-dashboard/assets/35291460/004bba38-12f3-4ff9-8491-de91124455dd)
> 
> The grid-row-end declaration is applied to the component but not for the containing div. 
> This is same for all layouts, I took the reference image from layouts/Grid.vue
> 
> !\[image\](https://github.com/FlowFuse/node-red-dashboard/assets/35291460/f84cee5c-4fde-4487-8e6b-2239c0ebecf3)
> 
> Both elements - the component and the container should have \`grid-row-end: span \[rows\]\` declarations. Otherwise I can't imagine it will somehow possible to arrange widgets in group.
> 
> 
> Best, 
> Endel
> 
> 
> 
> 
> 
> 
> 
> 
> \### Epic/Story
> 
> \_No response\_
> 
> \### Have you provided an initial effort estimate for this issue?
> 
> I can not provide an initial effort estimate

---

<div class="post-metadata">

### Author: ![nygma2004](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nygma2004/32/1308_2.png) [@nygma2004](https://discourse.nodered.org/u/nygma2004)
#### Post date: [17 February 2024 00:05 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/11 "2024-02-17T00:05:56Z")

</div>

I am playing with another page. The page is Notebook style as before, and again I have a mix of markdown and template nodes. Just like last time.  
This is how the top of my page looks like:

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

The order at least appears to be correct:

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

But the "Markdown content" and "Search" was in the markdown originally, but I completely replaced the text now:

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

But none of this text is show. And futher down on the page:

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

You can see the first and second table generated by the template nodes, but the second markdown is not getting rendered at all, although it has plenty of content.

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

In both of my examples I was using templates and markdowns. I wonder if the markdown is causing all these issues.

---

<div class="post-metadata">

### Author: ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [17 February 2024 10:46 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/12 "2024-02-17T10:46:03Z")

</div>

Thanks for digging deeper into this further - could I trouble you to open an issue with an example `flow.json` that I can play with to try and replicate the problem?

---

<div class="post-metadata">

### Author: ![nygma2004](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nygma2004/32/1308_2.png) [@nygma2004](https://discourse.nodered.org/u/nygma2004)
#### Post date: [17 February 2024 10:48 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/13 "2024-02-17T10:48:32Z")

</div>

Sure, issue opened:

> <https://github.com/FlowFuse/node-red-dashboard/issues/584>
>
> I am playing with with a page which is in the Notebook style. I have a mix of ma…rkdown and template nodes.
> This is how the top of my page looks like:
> !\[image\](https://github.com/FlowFuse/node-red-dashboard/assets/16757620/a84d6a5a-3e86-4ff1-b615-21eba2207e3e)
> 
> The orders of the nodes within the single group appears to be correct:
> !\[image\](https://github.com/FlowFuse/node-red-dashboard/assets/16757620/57789c3f-a6bc-47dc-a6a1-f3c2a41039f8)
> 
> But the words "Markdown content" and "Search" was in the markdown originally, but I completely replaced the text now:
> !\[image\](https://github.com/FlowFuse/node-red-dashboard/assets/16757620/478c1491-a23b-4eac-b4d5-caae0fd2db20)
> But none of this text is show. 
> 
> And futher down on the page:
> !\[image\](https://github.com/FlowFuse/node-red-dashboard/assets/16757620/a55e8eee-e03b-4849-bfd2-d5e52553c31f)
> 
> You can see the first and second table generated by the template nodes, but the second markdown is not getting rendered at all, although it has plenty of content.
> !\[image\](https://github.com/FlowFuse/node-red-dashboard/assets/16757620/45f2e5b0-e259-4655-88f4-03ddd27af877)

---

<div class="post-metadata">

### Author: ![nygma2004](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nygma2004/32/1308_2.png) [@nygma2004](https://discourse.nodered.org/u/nygma2004)
#### Post date: [17 February 2024 23:08 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/14 "2024-02-17T23:08:01Z")

</div>

I am getting even more wierd stuff. I kept playing around with the first table which called "Header Configuration". I turned one of the column to `v-chip` also added a new function to get dynamic colors. And all of sudden the table disappeared, does not render anymore.  
I checked the debugger and see this error message:

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

I have a field called `age` and that was where I was making changed. I started backing up all the changes and restored the template to what is was before. But the table would still not render.  
Now I removed all reference to the field `age`, but nothing. And the error persists in the browser.

Now I have disabled all the markdown and the template nodes that are used on this page, but as you can see on the screenshot above, the first markdown is still being rendered on the screen.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/0/60fa2271e4713c7c9e9188f48120f281f3890421.png)  
Everything is disabled now.

I also noticed that `npm start` seems to be running a lot. I have no idea if this is related:

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

Now, I deleted both of the markdowns, enabled both template and deployed the flow:

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

Both of my tables are back and the but the remainder of the original markdown is still visible on the top of the screen:

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

---

<div class="post-metadata">

### Author: ![Frida](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/frida/32/68250_2.png) [@Frida](https://discourse.nodered.org/u/Frida)
#### Post date: [18 February 2024 07:30 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/15 "2024-02-18T07:30:06Z")

</div>

Every time I move, or remove something, I restart Node-Red, so everything is fine again, have you tried that?

---

<div class="post-metadata">

### Author: ![nygma2004](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nygma2004/32/1308_2.png) [@nygma2004](https://discourse.nodered.org/u/nygma2004)
#### Post date: [19 February 2024 22:23 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/16 "2024-02-19T22:23:46Z")

</div>

I will do a restart eventually, but I never done it before DB2. I am hoping that it will not be required at some point. I just two many processes that gather initial data so restarting node-red is kinda expensive for me.

---

<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: [20 February 2024 13:20 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/17 "2024-02-20T13:20:44Z")

</div>

I have usually found that after adding a node and deploying, if the node is moved using the dashboard panel, deployed, and then moved again and deployed that it sorts itself out.

---

<div class="post-metadata">

### Author: ![nygma2004](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nygma2004/32/1308_2.png) [@nygma2004](https://discourse.nodered.org/u/nygma2004)
#### Post date: [21 February 2024 20:39 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/18 "2024-02-21T20:39:03Z")

</div>

Just to confirm, that after a node-red restart all the group order issues are solved. The fantom leftovers of deleted markdown nodes disappeared and the markdown order is also restored.

---

<div class="post-metadata">

### Author: ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [22 February 2024 19:27 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/19 "2024-02-22T19:27:02Z")

</div>

I suspect a lot of these problems are coming from my poor handling of a partial deploy as an FYI.

Under no circumstances am I expecting that you need to be doing a full NR restart every time! That is definitely not by design.

---

<div class="post-metadata">

### Author: ![nygma2004](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nygma2004/32/1308_2.png) [@nygma2004](https://discourse.nodered.org/u/nygma2004)
#### Post date: [22 February 2024 22:02 UTC](https://discourse.nodered.org/t/node-ordering-in-groups/85448/20 "2024-02-22T22:02:39Z")

</div>

Thanks OK, we will get there. Also I am not sure why that is, but the issue is definitely enhanced with the markdown node. In general the partial deploy works just fine.

[Next page](https://discourse.nodered.org/t/node-ordering-in-groups/85448.md?page=2)
