•Canvas actions
•View
•Zoom in/out
Hold down the Ctrl key while you turn the mouse wheel or select View -> Zoom -> Zoom in/Zoom out
•Move the content
Hold down the right mouse button on the canvas empty space and drag the content to the desired position.
•Center the content
Use the shortcut Ctrl + Space
•Search and center node
Press / then start typing the node’s name. After the node is selected in the search bar dropdown press Enter and node will appear in the center of the canvas.
•Group select
Hold down the Ctrl key and click on multiple elements to select them or press and hold the Shift key whilst dragging over the canvas, it will create a 'selection rectangle' as can be seen below.
•Edges
•Connecting nodes
Each edge starts from the node's periphery and ends in the center of the target node. Each node can have one or two connections.
- To create a connection between two nodes, hover over the source node and all available connection ports will be enlarged and colored to yellow.
- After selecting(hold right click) one of the ports you will see all of the available target ports.
- Then you will be able to make the connection by dragging the end of the edge to the target port.
- After successful connection the center of the target node and the edge should be painted with the color of the source port.
•Delete edge
Single right-click on the edge will select it(edge will become transparent). Then press the Delete button on your keyboard.
•Nodes
•Add node
Left panel contains all available node types. You can drag-and-drop any of them and start building your workflow.
•Open configuration
If you want to open the node's configuration just double click on the node(empty space inside is also part of the node).
•Delete node
Single right-click on the node will select it(sides will become transparent). Then press the Delete button on your keyboard. If there are edges connected to the node, they will be deleted also.
•Move node
Single right-click and hold. Then you will be able to change the node's position.