# Moving widgets in the dashboard

**URL:** <https://discourse.nodered.org/t/moving-widgets-in-the-dashboard/92655>\
**Category:** Dashboard\
**Created:** [25 October 2024 10:19 UTC](https://discourse.nodered.org/t/moving-widgets-in-the-dashboard/92655 "2024-10-25T10:19:00Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shaan\_Patel](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/shaan_patel/32/95773_2.png) [@Shaan\_Patel](https://discourse.nodered.org/u/Shaan_Patel)\
**Post date:** [25 October 2024 10:19 UTC](https://discourse.nodered.org/t/moving-widgets-in-the-dashboard/92655/1 "2024-10-25T10:19:00Z")

</div>

Hello,

I am using Nodered Dashboard 2.0 and I am wondering how I can change the position of widgets on my dashboard page? In the previous version this worked but in this new one I have not been able to do this. I would be grateful for an answer. Thank you!

Regards Shaan Patel

---

<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:** [25 October 2024 10:36 UTC](https://discourse.nodered.org/t/moving-widgets-in-the-dashboard/92655/2 "2024-10-25T10:36:13Z")

</div>

Welcome to the forum @Shaan_Patel

You can reorder them within a group by using drag and drop in the Dashboard pane in the right hand panel.

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

---

<div class="post-metadata">

**Author:** ![Shaan\_Patel](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/shaan_patel/32/95773_2.png) [@Shaan\_Patel](https://discourse.nodered.org/u/Shaan_Patel)\
**Post date:** [25 October 2024 11:04 UTC](https://discourse.nodered.org/t/moving-widgets-in-the-dashboard/92655/3 "2024-10-25T11:04:08Z")

</div>

Thanks for quick reply!  
I didnt mean to reordering the widgets i meant:  
Is it possible to move the widgets freely in the dashboard, I mean I could change their position on the dashboard page. I have a custom background image and I would like to move the gauges freely to different postitions.

---

<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:** [25 October 2024 15:20 UTC](https://discourse.nodered.org/t/moving-widgets-in-the-dashboard/92655/4 "2024-10-25T15:20:08Z")

</div>

Currently that is not available. You will have to insert spacer nodes to fill any empty space. Currently there isn't a spacer node type though (it is in the todo list I think), but you can use a Text node with blank label and contents.

---

<div class="post-metadata">

**Author:** ![omrid](https://avatars.discourse-cdn.com/v4/letter/o/77aa72/32.png) [@omrid](https://discourse.nodered.org/u/omrid)\
**Post date:** [27 October 2024 09:56 UTC](https://discourse.nodered.org/t/moving-widgets-in-the-dashboard/92655/5 "2024-10-27T09:56:13Z")

</div>

If what you are looking for is moving widgets dynamically (animation), you could do this by setting the CSS (e.g. "margin") in runtime.

---

<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:** [10 November 2024 09:56 UTC](https://discourse.nodered.org/t/moving-widgets-in-the-dashboard/92655/6 "2024-11-10T09:56:21Z")

</div>

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