Nodes Explained

The Flow Editor is a flow-authoring tool for the creation of interactive flows. The interactive flow is built by connecting the different Nodes. The Nodes can contain text, images, PDFs, videos, and frontline.io 3D interactions. The Nodes are connected with each other. Each Node can represent a step of the, for example, (end) procedure, training module, or troubleshooting document.

There are 6 types of Nodes:

  1. Instruction/ Step

  2. Question

  3. Multi-choice

  4. Warning

  5. Input

  6. Go To

All Nodes can contain a Header, Description, Warning Pop Ups, Media Elements, and 3D Interactions.

Node.png

Instruction or Step Node: basic Node. Add the title to the Header, and explain the step in the Description. The text can be fully styled in the text fields. The Style option of the Node indicates the position of the Header and Description.

basic_node_canvas.png
node_canvas_style.png

Instruction/Step node - Options Instruction/Step node - Style

node_question_2.png

Question Node: The Node has two connections, (default) No and Yes. The No and Yes text can be edited. Using this Node creates a split inside the flow. Selecting one of the connections defines the default flow (visible in the step viewer in preview mode)

Flow_Maintenance.png

Question Node

node_multi_choice.png

Multi-Choice Node: The Node can create multiple connections. The connections show the selectable options. Selecting one of the connections defines the default flow (visible in the step viewer in preview mode)

canvas_multi_choice.png

Multi-Choice Node

Node_warning.png

Warning Node: The Node creates a warning inside the step flow. This is contrary to the Warning Pop-Up option available in every kind of Node. The Node has the default color red (editable).

Warning_node.png

Warning Node

Node_Input.png

Input Node: The Node requires input from the viewer of the training module or procedure. Inputs can be numbers, text, images, or barcodes. The inputs are viewed in the analytics after the completion of the training module or procedure.

add_canvas.png

Input Node

node_go_to_procedure.png

Go To Node: The Node is for nesting. Selecting a different flow (procedure in this case) will open that procedure inside the current flow.

Note: only published flows can be nested.

select_canvas.png

Go to Node - Nesting a flow

Did this answer your question?