UI dashboard editing

[Colin]

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).

[smanjunath211]

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.

[neyarprasanth1]

flows.json (69.9 KB)
This is the my flow's json format file.

[smanjunath211]

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.

[neyarprasanth1]

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

[smanjunath211]

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

[smanjunath211]

this is how a single group would look like

[{"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}]

[neyarprasanth1]

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