# UI arrangement in Subflows

**URL:** <https://discourse.nodered.org/t/ui-arrangement-in-subflows/87738>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [6 May 2024 07:16 UTC](https://discourse.nodered.org/t/ui-arrangement-in-subflows/87738 "2024-05-06T07:16:36Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![xx\_Nexus\_xx](https://avatars.discourse-cdn.com/v4/letter/x/54ee81/32.png) [@xx\_Nexus\_xx](https://discourse.nodered.org/u/xx_Nexus_xx)\
**Post date:** [6 May 2024 07:16 UTC](https://discourse.nodered.org/t/ui-arrangement-in-subflows/87738/1 "2024-05-06T07:16:37Z")

</div>

Hello everyone,

I'm currently migrating/redeveloping my flows for DB2 but having problems getting the UI-elements positioned in Sub-Flows (if that is even possible yet !?)

My Use-Case:

- I have Zigbee Lights in all my rooms and the UI-Element mostly looks like this (in DB1)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/c/ec12f200e08f905ec63ce1fa9ad64adb497157d5.png)

- First part is showing the elapsed time when light was switched on

- 2nd part is operation mode (at what time the light is triggered by motion event)

- 3rd is the timer for how long a light is switched on (every motion event is reseting timer)

- 4th element is just to enable/disable the light entirely

- 5th ia anON/OFF state toggle

- I want the same layout for all my lights and want to use a subflow

- but i'm unable to arrange the UI elements in Db2  
[subflow\_sample.json](https://discourse.nodered.org/uploads/short-url/8WHbWXX49lIsSenB8EsGSrxGlxv.json) (29.2 KB)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/c/1c098dd1bffad2a6959a51b21501bb29d799ce7a.png)

Any ideas on how or if this UI arrangement in Subflows is possible ?

thanks for any help

---

<div class="post-metadata">

**Author:** ![arturv2000](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/arturv2000/32/88724_2.png) [@arturv2000](https://discourse.nodered.org/u/arturv2000)\
**Post date:** [6 May 2024 09:03 UTC](https://discourse.nodered.org/t/ui-arrangement-in-subflows/87738/2 "2024-05-06T09:03:13Z")

</div>

At the moment there are some limitations in this feature.

Check this thread/Post related to that: [There's is surely a better way than copy-paste the same panel? - #4 by Steve-Mcl](https://discourse.nodered.org/t/theres-is-surely-a-better-way-than-copy-paste-the-same-panel/87199/4)

What I am doing at the moment, is first to create the layout as a normal node inside a group, and after I am happy with the components position create the sub-flow.

---

<div class="post-metadata">

**Author:** ![xx\_Nexus\_xx](https://avatars.discourse-cdn.com/v4/letter/x/54ee81/32.png) [@xx\_Nexus\_xx](https://discourse.nodered.org/u/xx_Nexus_xx)\
**Post date:** [6 May 2024 10:17 UTC](https://discourse.nodered.org/t/ui-arrangement-in-subflows/87738/3 "2024-05-06T10:17:00Z")

</div>

nice approach ... Ill give it a try .. thx 👍

---

<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:** [5 June 2024 10:17 UTC](https://discourse.nodered.org/t/ui-arrangement-in-subflows/87738/4 "2024-06-05T10:17:45Z")

</div>

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