# Flowfuse dashboard 2.0 layout editor

**URL:** <https://discourse.nodered.org/t/flowfuse-dashboard-2-0-layout-editor/90268>\
**Category:** Dashboard\
**Created:** [19 August 2024 10:13 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-2-0-layout-editor/90268 "2024-08-19T10:13:08Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![imperium85](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/imperium85/32/83662_2.png) [@imperium85](https://discourse.nodered.org/u/imperium85)\
**Post date:** [19 August 2024 10:13 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-2-0-layout-editor/90268/1 "2024-08-19T10:13:09Z")

</div>

Hi,  
I added the @flowfuse/node-red-dashboard but the layout editor is missing. Even if I hover the mouse over the group it does not come up, I restarted the system several times, updated the palette. (1.14.0). But still not there. What am I missing?  
Thanks

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

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [19 August 2024 10:22 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-2-0-layout-editor/90268/2 "2024-08-19T10:22:08Z")

</div>

I don't believe it is implemented in D2 as yet.

---

<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:** [19 August 2024 11:08 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-2-0-layout-editor/90268/3 "2024-08-19T11:08:22Z")

</div>

For the moment you just have to drag/drop the widgets about in that panel. If you need any spacers inserted then use empty ui-text nodes of the appropriate size.

---

<div class="post-metadata">

**Author:** ![imperium85](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/imperium85/32/83662_2.png) [@imperium85](https://discourse.nodered.org/u/imperium85)\
**Post date:** [19 August 2024 22:24 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-2-0-layout-editor/90268/4 "2024-08-19T22:24:45Z")

</div>

thank you, is there eny plan to implement it?

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [19 August 2024 23:40 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-2-0-layout-editor/90268/5 "2024-08-19T23:40:56Z")

</div>

Yes but no timescale as yet -

> [@D1 Vs D2 layout problem](https://discourse.nodered.org/t/d1-vs-d2-layout-problem/90233/2):
>
> We have a bug at the moment that requires a Node-RED restart after installing third-party widgets. After which, the UI LED should work. For the layout, can you screenshot what youre trying to achieve and what you currently have in D2.0 please? We do have plans for a Layout Editor, for sure, but also have plans to inteoduce some additional layout options/features first

---

<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:** [20 August 2024 07:56 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-2-0-layout-editor/90268/6 "2024-08-20T07:56:49Z")

</div>

We've significantly transformed the way that layouts are done in Dashboard 2.0.

In 1.0, there was only one layout type. With 2.0, we have (currently) 4, with more planned, so it's not been an easy transfer over of the layout editor.

As mentioned above though, we definitely have plans to introduce a drag/drop layout editor, but it's a significant piece of work.

---

<div class="post-metadata">

**Author:** ![imperium85](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/imperium85/32/83662_2.png) [@imperium85](https://discourse.nodered.org/u/imperium85)\
**Post date:** [20 August 2024 08:11 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-2-0-layout-editor/90268/7 "2024-08-20T08:11:30Z")

</div>

Thanks for your reply @joepavitt appricate it!  
Where can I find some documentations and or examples of those 4 layout types?

---

<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:** [20 August 2024 08:25 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-2-0-layout-editor/90268/8 "2024-08-20T08:25:02Z")

</div>

Documentation on the layouts is here: [Layouts | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/layouts/)

I've jumped the gun _slightly_ by saying 4, as the "Tabs" layout will be coming this week (but is already in the documentation)

---

<div class="post-metadata">

**Author:** ![imperium85](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/imperium85/32/83662_2.png) [@imperium85](https://discourse.nodered.org/u/imperium85)\
**Post date:** [20 August 2024 08:46 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-2-0-layout-editor/90268/9 "2024-08-20T08:46:05Z")

</div>

Birilliant! Thanks heaps. Keep up the good work!

---

<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:** [19 September 2024 08:46 UTC](https://discourse.nodered.org/t/flowfuse-dashboard-2-0-layout-editor/90268/10 "2024-09-19T08:46:59Z")

</div>

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