This example will illustrate the process of creating a general Element that has four buttons contained in the Interaction list. The aim is to place some text on the screen that changes according to the Hot Spot button clicked by the user. The text will be added to the Feedback Action list of the appropriate Response. Three different Responses will need to be defined, one for each button. There is no correct or incorrect answer for this example.

We will assume that the Button names and values are as follows:

Button Name

Button value





Wheel nuts


In this case the Tyre Hot Spot button would be added to the Interaction list first, overlaying an image of a car tyre and wheel contained in the Information section of the Element.

The Wheel Hot Spot button would then be added on top of the Tyre Hot Spot button, covering just the Wheel part of the image.

Finally the Wheel Nuts Hot Spot button would be placed on top of the Wheel Hot Spot button, covering the wheel nuts on the image.

Several Wheel Nuts Hot Spot buttons could be added, as the long as the value property was set to the same value each time, Nut in this example.

The conditions for each of the three responses, each with different text contained in the Feedback action list, would look as follows:




In this case the Lesson flow would be set to repeat the Element, giving the user the chance to click on each of the Hot Spot buttons. As the user clicks on a Hot Spot the Response associated with the Hot Spot is activated, and the Feedback section of that Response is executed.