Since Node-RED 1.1.0
Nodes can be joined together to form a group. They can then be moved or copied as a single object within the editor.
Groups can be given a border and background colour, as well as an optional label.
Groups
To create a group, select the nodes and then select the ‘Groups -> Group selection’ option in the menu.
Reference | |
---|---|
Key shortcut | Ctrl/⌘-Shift-g |
Menu option | Groups -> Group selection |
Action | core:group-selection |
A groups’s properties can be edited by double clicking on the group, or pressing
Enter
when the workspace has focus and the group is selected.
The edit dialog contains two tabs:
Group edit dialog - properties and description tabs
The Group properties tab provides options to:
Reference | |
---|---|
Key shortcut | Ctrl/⌘-Shift-c |
Action | core:copy-group-style |
Reference | |
---|---|
Key shortcut | Ctrl/⌘-Shift-v |
Action | core:paste-group-style |
To copy an existing group’s style (outline, fill, color and label position), select
the group, then press Ctrl/⌘-Shift-c
.
To apply that style to another group, select the group and press Ctrl/⌘-Shift-v
.
Nodes can be added to an existing group by dragging them into the group. This only works for adding one node at a time.
It is possible to merge the current selection to form a single group. Select all of the groups and nodes to merge into a single group. Then select the ‘Groups -> Merge selection’ option in the menu.
Reference | |
---|---|
Key shortcut | none |
Menu option | Groups -> Merge selection |
Action | core:merge-selection-to-group |
To ungroup nodes, select the group and then select the ‘Groups -> Ungroup selection’ option in the menu.
Reference | |
---|---|
Key shortcut | Ctrl/⌘-Shift-u |
Menu option | Groups -> Ungroup selection |
Action | core:ungroup-selection |
To remove a node from a group, select the node then select the ‘Groups -> Remove from group’ option in the menu.
Reference | |
---|---|
Key shortcut | none |
Menu option | Groups -> Remove from group |
Action | core:remove-selection-from-group |
Node-RED: Low-code programming for event-driven applications.
Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.
The OpenJS Foundation | Terms of Use | Privacy Policy | OpenJS Foundation Bylaws | Trademark Policy | Trademark List | Cookie Policy