Add node

This page describes how to add, connect, and disconnect nodes in VIO flows.

Add a node

1. Open the flow where you want to add the node.

2. On the IO designer, Open the node button on the top left corner.

3. Drag and drop the desired node into the editor to add it.

   You can use the dedicated search function to find nodes quickly.

Connect nodes

You can connect nodes by clicking on the output of a node and linking it to the input of another node. Connections can also be created by clicking and holding the mouse button on an output, then dragging it to the input of the next node.

These connections define how execution and data flow between nodes within the flow.

Disconnect nodes

To disconnect nodes in IO designer, click on the output node of the connection you want to remove.

From there, you can either:

• Drag and connect it to another node to create a new connection.

• Release it on the IO grid to remove the connection entirely.

This allows you to easily modify the flow structure without deleting nodes.

Best practices for adding nodes

• Plan your flow before adding nodes to maintain a clean structure

• Use the search function to quickly find the right node type

• Name nodes descriptively after adding them

• Connect as you go to maintain flow logic visibility

• Test connections to ensure proper data flow

Node selection tips

When choosing which node to add:

• Frontend nodes for user interaction (forms, displays)

• Backend nodes for processing logic (API calls, data transformation)

• Decision nodes for conditional routing

• Integration nodes for external service connections

Next steps

• Learn about node structure

• Copy nodes

• Delete nodes

• Design flows