Assign a Text Input box to a variable

Steps to add a Basic Text Input box to a Flow page.

A learner will be able to type text into the Basic Text Input box on the Page.

In this example, we add the Text Input box as a new element in an existing Group on the page.

You can display the value of a variable as part of a text element. In this lesson we'll set up a text element so it shows the text the learner types into a Text Input form control (their name) on the page as a simple example.

Steps to use the Show Variables setting to display either the default {x} variable placeholder or the full variable string in a text element.

As you create a Project, you’re adding in all kinds of information like the Project’s name, the names of Pages it contains, or what the passing score is for a test.

A lot of that information is available as a System Variable that you can display in a text element.

This example shows how to set a text element to display the System Variable for the name of the Project.

These same steps apply to any of the other available System Variables.

Steps to set a Page to evaluate a Custom Variable and when it equals the required value to trigger an Enable Next Player Control action.

In this use case, we have three buttons on a page and we want to know that all three have been selected before we allow the learner to leave the page. Before this lesson we set up actions so that as the leaner clicks each button a custom variable is increased by 1. Once all three buttons have been clicked the variable's value will be 3.

This lesson outline...

Add a type-in box to a page.

Steps to set a button to show a Pop Up panel as well as include the text string saved to a variable as part of the feedback text on the Pop Up panel.

A Pop Up panel gets shown as a modal window above the main page, which will be shown as grayed-out while the panel is open.

Steps to set a Marker on a Video to increase a Variable.

You can use this when you want to launch an action after an Element(s) within a Video is clicked.

When you create a Project, the default Pass Score setting is 80%.

You can change this on the Project Properties panel when you are editing the Project.

How to set a button to increase a variable by 1 when a button is clicked.