# UI dashboard editing

**URL:** <https://discourse.nodered.org/t/ui-dashboard-editing/86111>\
**Category:** General\
**Tags:** node-red-dashboard\
**Created:** [4 March 2024 08:29 UTC](https://discourse.nodered.org/t/ui-dashboard-editing/86111 "2024-03-04T08:29:23Z")\
**Posts on this page:** 9\
**Page:** 2

<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:** [4 March 2024 13:21 UTC](https://discourse.nodered.org/t/ui-dashboard-editing/86111/21 "2024-03-04T13:21:02Z")

</div>

To export the flow, select the nodes and select Export from the menu, or Ctrl+E, and Copy to Clipboard. Then paste it here. When pasting use the `</>` button at the top of the forum entry window and paste it between the lines with three backticks.

Edit: Are you using the latest version of node-red-dashboard? Check in Palette Manager. Also what version of node-red are you using (at the bottom of the dropdown menu).

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [4 March 2024 14:33 UTC](https://discourse.nodered.org/t/ui-dashboard-editing/86111/22 "2024-03-04T14:33:58Z")

</div>

as already requested by me and others, please share the flow so that we can see what is going on.

1. Press Ctrl+A to select all nodes (unless you want to select manually what nodes to export)
2. then Ctrl+E to bring up the export dialogue.
3. click on copy to clipboard
4. paste the copied content here after clicking \</\> symbol.

---

<div class="post-metadata">

**Author:** ![neyarprasanth1](https://avatars.discourse-cdn.com/v4/letter/n/df705f/32.png) [@neyarprasanth1](https://discourse.nodered.org/u/neyarprasanth1)\
**Post date:** [5 March 2024 08:30 UTC](https://discourse.nodered.org/t/ui-dashboard-editing/86111/23 "2024-03-05T08:30:37Z")

</div>

[flows.json](https://discourse.nodered.org/uploads/short-url/w8Rqigntf1NhKVWC8wum3X5d0ih.json) (69.9 KB)  
This is the my flow's json format file.

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [5 March 2024 11:00 UTC](https://discourse.nodered.org/t/ui-dashboard-editing/86111/24 "2024-03-05T11:00:25Z")

</div>

as expected, you have created a multiple groups and are expecting to have a divider in between, which is difficult since the dashboard dynamically adjusts the position of groups according to width available  
see below gif for what i mean.

to achieve what you are expecting, you need to have all 'widgets' which you want to flock together in one group. and make a dummy text node with 1 unit height and group width wide to have a 'line' between two sections.

![n](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/8/389db5c64541c54ecbf079b2db1cfcdb23430439.gif)

---

<div class="post-metadata">

**Author:** ![neyarprasanth1](https://avatars.discourse-cdn.com/v4/letter/n/df705f/32.png) [@neyarprasanth1](https://discourse.nodered.org/u/neyarprasanth1)\
**Post date:** [5 March 2024 11:23 UTC](https://discourse.nodered.org/t/ui-dashboard-editing/86111/25 "2024-03-05T11:23:22Z")

</div>

Without creating multiple groups, I can't give the headlines for each column. That's why I created a many groups.

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [5 March 2024 11:27 UTC](https://discourse.nodered.org/t/ui-dashboard-editing/86111/26 "2024-03-05T11:27:04Z")

</div>

I dont think thats a correct assumption, are you not interested in HTML table solution ?

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [5 March 2024 11:28 UTC](https://discourse.nodered.org/t/ui-dashboard-editing/86111/27 "2024-03-05T11:28:00Z")

</div>

this is how a single group would look like

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

```auto
[{"id":"06237266fbf51a6f","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":14,"width":18,"height":1,"name":"Title-2","label":"Title-2","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#ffffff","x":620,"y":1430,"wires":[]},{"id":"de21be7110d0c1f6","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":2,"width":3,"height":1,"name":"Heading-1","label":"Heading-1","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Times New Roman,Times,serif","fontSize":"18","color":"#ffea00","x":630,"y":1230,"wires":[]},{"id":"9f07339407729201","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":8,"width":3,"height":1,"name":"voltage_R6_a","label":"voltage_R6_a","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#ffffff","x":840,"y":1262,"wires":[]},{"id":"d80af4e28ac3f47b","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":21,"width":3,"height":1,"name":"voltage_R6_a","label":"voltage_R6_a","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#ffffff","x":840,"y":1230,"wires":[]},{"id":"5378c62e4270bf63","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":1,"width":18,"height":1,"name":"Title-1","label":"TITLE-1","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#ffffff","x":620,"y":1190,"wires":[]},{"id":"7b6e10a89be6ef36","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":15,"width":3,"height":1,"name":"Heading-11","label":"Heading-11","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#0c50ed","x":640,"y":1475.454545454545,"wires":[]},{"id":"e86607cd23effa6a","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":9,"width":3,"height":1,"name":"voltage_R6_a","label":"voltage_R6_a","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#ffffff","x":840,"y":1326,"wires":[]},{"id":"0fa181934bc167d2","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":22,"width":3,"height":1,"name":"voltage_R6_a","label":"voltage_R6_a","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#ffffff","x":840,"y":1294,"wires":[]},{"id":"0472b60f85ecb4c1","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":10,"width":3,"height":1,"name":"voltage_R6_a","label":"voltage_R6_a","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#ffffff","x":840,"y":1358,"wires":[]},{"id":"9bbb88a7100cebc9","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":23,"width":3,"height":1,"name":"voltage_R6_a","label":"voltage_R6_a","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#ffffff","x":840,"y":1390,"wires":[]},{"id":"cb60fc7cba877243","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":11,"width":3,"height":1,"name":"voltage_R6_a","label":"voltage_R6_a","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#ffffff","x":840,"y":1502,"wires":[]},{"id":"56a14e6cb251ee70","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":24,"width":3,"height":1,"name":"voltage_R6_a","label":"voltage_R6_a","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#ffffff","x":840,"y":1470,"wires":[]},{"id":"4d1db0a72858f176","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":12,"width":3,"height":1,"name":"voltage_R6_a","label":"voltage_R6_a","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#ffffff","x":840,"y":1598,"wires":[]},{"id":"7d83e8b93873655e","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":25,"width":3,"height":1,"name":"voltage_R6_a","label":"voltage_R6_a","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#ffffff","x":840,"y":1566,"wires":[]},{"id":"c45d2525a6238b70","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":13,"width":3,"height":1,"name":"voltage_R6_a","label":"voltage_R6_a","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#ffffff","x":840,"y":1630,"wires":[]},{"id":"5c4317a95b3b6e98","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":26,"width":3,"height":1,"name":"voltage_R6_a","label":"voltage_R6_a","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#ffffff","x":840,"y":1534,"wires":[]},{"id":"50729f217f66b7c3","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":4,"width":3,"height":1,"name":"Heading-3","label":"Heading-3","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Times New Roman,Times,serif","fontSize":"18","color":"#ffea00","x":630,"y":1294,"wires":[]},{"id":"0455a67904e25473","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":5,"width":3,"height":1,"name":"Heading-4","label":"Heading-4","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Times New Roman,Times,serif","fontSize":"18","color":"#ffea00","x":630,"y":1326,"wires":[]},{"id":"f25e0d7244ac1aa1","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":7,"width":3,"height":1,"name":"Heading-6","label":"Heading-6","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Times New Roman,Times,serif","fontSize":"18","color":"#ffea00","x":630,"y":1390,"wires":[]},{"id":"61a9d08ad35b1dd5","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":6,"width":3,"height":1,"name":"Heading-5","label":"Heading-5","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Times New Roman,Times,serif","fontSize":"18","color":"#ffea00","x":630,"y":1358,"wires":[]},{"id":"e3a943f9f87f5c45","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":3,"width":3,"height":1,"name":"Heading-2","label":"Heading-2","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Times New Roman,Times,serif","fontSize":"18","color":"#ffea00","x":630,"y":1262,"wires":[]},{"id":"35da0597e1d64125","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":16,"width":3,"height":1,"name":"Heading-21","label":"Heading-21","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#0c50ed","x":640,"y":1508.363636363636,"wires":[]},{"id":"9e3f18e655f22439","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":17,"width":3,"height":1,"name":"Heading-31","label":"Heading-31","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#0c50ed","x":640,"y":1541.272727272727,"wires":[]},{"id":"cda9a189cab29f4a","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":18,"width":3,"height":1,"name":"Heading-41","label":"Heading-41","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#0c50ed","x":640,"y":1574.181818181818,"wires":[]},{"id":"da35259dc1018ecd","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":19,"width":3,"height":1,"name":"Heading-51","label":"Heading-51","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#0c50ed","x":640,"y":1607.090909090909,"wires":[]},{"id":"4a5c866abb52363c","type":"ui_text","z":"76a1f2fc1e5fa676","group":"e2a7d25b55ba1726","order":20,"width":3,"height":1,"name":"Heading-61","label":"Heading-61","format":"{{msg.payload}}","layout":"col-center","className":"","style":true,"font":"Palatino Linotype,Palatino,Book Antiqua,serif","fontSize":"18","color":"#0c50ed","x":640,"y":1640,"wires":[]},{"id":"e2a7d25b55ba1726","type":"ui_group","name":"New_Group1","tab":"968dca3170df8616","order":1,"disp":false,"width":"18","collapse":false,"className":""},{"id":"968dca3170df8616","type":"ui_tab","name":"New","icon":"dashboard","order":5,"disabled":false,"hidden":false}]

```

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

---

<div class="post-metadata">

**Author:** ![neyarprasanth1](https://avatars.discourse-cdn.com/v4/letter/n/df705f/32.png) [@neyarprasanth1](https://discourse.nodered.org/u/neyarprasanth1)\
**Post date:** [5 March 2024 13:06 UTC](https://discourse.nodered.org/t/ui-dashboard-editing/86111/28 "2024-03-05T13:06:32Z")

</div>

@smanjunath211 I think this one good compare to my flow. Let me try with your shared flow. Thank you for clearing this issue.

---

<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:** [3 June 2024 13:06 UTC](https://discourse.nodered.org/t/ui-dashboard-editing/86111/29 "2024-06-03T13:06:57Z")

</div>

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

[Previous page](https://discourse.nodered.org/t/ui-dashboard-editing/86111.md?page=1)