Quick and easy choice-based interactions

On the Insert tab the Inputs options include Menus:


Adding one to your page creates a drop-down list element with three items (choices) by default. The learner can select one of the choices.


To edit the default text for the choices, select the pencil icon to open the Edit Menu panel.


Click on an Item to change its text or to remove it using the X that is shown when it is selected. You can add more items using the Add option. You can also choose to display Icons, Numbers or none beside each item. Each item can have a different icon – just click the icon to open the Pick an Icon panel.


NOTE: The Menu will resize its width to match the text of the longest item.

Menu Options


On the Options tab, the Options section lets you switch the display style of the Menu element. Edit opens the Edit Menu panel.

If you are in Designer mode the Options tab also lets you assign the learner’s selection on the Menu element to a Numeric variable.

To do that, select Variable to open the Form Variables panel.


Select the drop down list beside Selection (it will be set to None by default).

If other Numeric variables have been created in the same Project they will be listed and you can choose one of them. Alternately, select New Variable then give the new variable a suitable name. Click OK to complete the process.


Using a Menu's Variable

The Menu’s variable will be:

  • A numeric value matching the choice the learner made, for example, in a three-choice Menu, the variable will be set to 1, 2 or 3.
  • A text string value matching the text of that choice, for example, "Apples" or "Oranges".

This means you can evaluate the numeric value as well as display the text value as a text string.

Here's an example use case.

Your page asks learners a question and uses a Menu element to provide three choices. 

"What is the next step you need to take?"

"1. Ask for a follow up call"

"2. Offer a discount"

"3. Ask what issues the client is having"

You've assigned the Menu element to a variable called "NextStep".

Once the learner makes a selection, you can evaluate the NextStep variable's numeric value and use it to trigger different pop ups as feedback. And in each pop up you can also display the text string value of the NextStep variable by inserting the variable into the text, for example, "You chose to {{NextStep}}, which is a good option at this point in your client call. This will..." 

Menu Style


The Style tab lets you set a color scheme for the Menu element. The colors are set by the Theme.

Menu FX


The FX tab lets you set an Entrance Effect including the Time the effect will take as well as the Direction of the effect.

You can also open the Timeline below the Stage to work with it.

  0     0

Similar Projects

Questions  ( 0 )