Interface nodes

Adding interactivity to an application is a crucial and taxing aspect of app development. Uiflow simplifies the process with Flowlang, a proprietary language that uses interface nodes to flow data between elements and trigger actions.
To learn more about interface nodes, see the following sections:

Node colors

Interface node colors change depending on the type of connection they create. This makes it easy to see your app's flow and quickly identify problem areas in your application logic.
Each node color indicates the following:
  • Purple nodes: Calls an action.
  • Gray nodes: Sends data from one component to another.

Node connection colors

When you drag-and-drop nodes to build a flow, the node connections change colors to indicate the status of your connection:
  • Red node connections: Cannot connect to the desired node.
  • Yellow node connections: Not yet connected.
  • Green node connections: Can connect to the desired node.

Make a node connection

To make a node connection:
  1. 1.
    Click a component action.
  2. 2.
    Drag your cursor to the node you want to connect.
  3. 3.
    When the node turns green, release the mouse button.

Remove a node connection

To remove a node connection
  1. 1.
    Right-click the node with the connection you want to remove.
  2. 2.
    Select Remove Connections from the drop-down menu.