Assign a Text Input box to a variable

Steps to assign a Text Input box to a Variable to track what the learner types.

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.

Steps to add a Text Input box to a Placeholder on your 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.

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 use the Show Variables setting to display either the default {x} variable placeholder or the full variable string in a text element.

Easily allow a learner to type into a page and capture the typed text as a variable

Add a type-in box to a page.

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...

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.