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.
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:
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. Before Node-RED 3.1, this could only be done one node at a time. Since Node-RED 3.1, a whole selection of nodes/groups can be dragged into a group in one go.
To remove a node from a group, select the node then select the ‘Groups -> Remove from group’ option in the menu.
Since Node-RED 3.1 you can press and hold the Alt
key when dragging a selection and it will be
removed from the parent group.
Reference | |
---|---|
Key shortcut | none |
Menu option | Groups -> Remove from group |
Action | core:remove-selection-from-group |
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 |
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