Using Displays within the Flow Chart

Begin a Flow Chart by clicking the "Select Display" button.

select display

Add more displays by clicking the drop down carat on an end node of the Flow Chart.

Branching Conditions

In certain situations, you may want to display different content depending on a learner's actions.  For example, if a learner selects a certain radio button in a multple choice quiz, then you may want to show correct or incorrect feedback depending on their selection.

You can create these different paths in the Flow Chart by linking conditions to subsets (Displays or Questions).  For each condition, you must visually record the desired state of response objects in that display.

At run-time, the flow will look at the state of the response objects and compare these with the recorded conditions to decide which branch to follow.

Adding Actions to Conditions

If a certain condition is met in the Flow Chart, you may want to trigger other events in addition to continuing the flow.  For instance, you might want to increment a score tracker every time a learner correctly answers a question.

To add or edit actions, select the appropriate condition (diamond icon) in the Flow Chart, and then open the Options panel to the right.  True Response actions will be executed if the selected condition is met, and False Response actions, which are rarely used, will be executed if any other branch of the flow is selected.

Adding a Condition

Create a branching condition
1. Select the relevant display in the Flow Chart.

2. Click the "Add Condition" button.

>> Alternatively, select a condition node, and click the "Edit Condition" button.

add condition or edit condition

3. In Condition Recording Mode, record a possible learner response, and then click the OK button.  This will create a new condition node (diamond shape) in the flow chart.

Click here for more detailed instructions about recording conditions for specific response objects.

In the screen shot below, notice that the display highlighted in dark blue in the Flow Chart is also highlighted in orange on the page.  The green diamonds following the dark blue node are branching conditions.  A condition node can be interpreted as follows: "If the learner selects radio button X in the display, then show the display to the right of this diamond."

Record conditions of response objects (in detail)

1. Enter the Condition Recording Mode by adding a condition, or editing an existing condition.

2. Click on the response object for which you want to record a response state.

3. Click the Active check box in the object's border (or anywhere on the object's border).

4. Change the state of the object to show the desired response according to its type.

     5. Radio buttons & check boxes:

          a. Check the correct answer option(s).

     6. Hotspot, button, multi-state button, and drag-and-drop objects:

          a. Click on the objectuntil it shows the desired state.

     7. Input text object:

          a. Enter the desired response text.

     8. Dropdown list:

          a. Click on the dropdown list button.

          b. Select the desired answer out of the list of answer options.

Adding a Loop

The empty end nodes in the flow chart can be looped (connected) to other nodes in the flow.

To do this, click on an end node, and drag it to another display in the Flow Chart, and then release your mouse button.

Edit a condition in the Flow Chart

1. Open the Flow Chart.

2. Click on the condition you would like to change.

3. Click Edit Condition.

4. Click on the response object for which you want to change the recorded response state.

5. Change the object until it shows the desired state.  For more information see how to Record conditions of response objects (in detail).

7. Click OK.

Submit Settings

The Flow Chart will wait for a signal or event (eg. when the user clicks a "next" button) before continuing on to the next display in the Flow Chart.  When a display is selected, these "When to Continue" options are displayed in the edit panel located within the tab at the far right of the Development panel.

Related topics:

Advanced Flow Trigger Settings

You may want to include multiple triggers to continue the flow.  For example, in a quiz question, you may want to continue the flow when the learner clicks a submit button or when a timer reaches zero.  To add additional triggers, click the Add button next to the trigger Objects list.

Typically, you will want a trigger objects, such as a submit button, to be hidden after it has been used.  For example, after a learner answers a question and the appropriate feeback appears you would not want the submit button for the question to remain visible.  However, if the flow loops back to a display or question, you will typically want the trigger to re-appear so that th learner can submit their response again.  For these reasons, the Hide after use and Show when display shown options will default to checked.