# Reordering dashboard widgets

**URL:** https://discourse.nodered.org/t/reordering-dashboard-widgets/96165
**Category:** Dashboard
**Tags:** editor, dashboard-2
**Created:** [21 March 2025 22:11 UTC](https://discourse.nodered.org/t/reordering-dashboard-widgets/96165 "2025-03-21T22:11:05Z")
**Posts on this page:** 2
**Page:** 1

<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: [21 March 2025 22:11 UTC](https://discourse.nodered.org/t/reordering-dashboard-widgets/96165/1 "2025-03-21T22:11:05Z")

</div>

When you deploy an additional dashboard widget to an existing dashboard tab, the widget gets inserted as the first widget in it's group:

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

It would be good if we could arrange the widgets in the editor and then apply that ordering to the dashboard page.

To permit this I suggest two new "actions":

1. "Select widgets in the same ui-group"
2. "Arrange ui group in editor order"

Action 1 would highlight all of a ui-group's widgets.

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

Action 2 would order those widgets within their ui-group according to their (x,y) position in the editor, left to right, top to bottom:

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

By no means is this making the editor WYSIWYG - it only puts the widgets in order.  
The rendering still depends on the size of the widget and width of the group.

Ideally, if widgets in more than one ui-group were accidentally selected the second action should be greyed out.  
If that's not possible it should raise an error.

The reordering should affect all widgets in a group, even if only one is selected.

---

<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: [20 May 2025 22:11 UTC](https://discourse.nodered.org/t/reordering-dashboard-widgets/96165/2 "2025-05-20T22:11:17Z")

</div>

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