Interactivity

Using interactions you can make a course to react on a user’s actions, creating course navigation, animated effects and couple of other things.

Adding interaction

To add interaction to your course:

1. Insert a Button, Image or Box element according to your needs.
   Note: all these elements support the same interactions.
2. Select element so the Inspector panel on the right side of the screen is visible.
3. Scroll down to the Interactivity section.
4. Choose event “On” and action “Do” according to your needs.

Keep in mind: One element can have only one interaction assigned.

Updating or removing interaction

To update interaction:

1. Click interactive element so Inspector panel on the right side of the screen is shown.
2. Scroll down to the Interactivity section.
3. Change event and action according to your needs.

To remove the interaction completely, just set he event “On” to the “No Event”.

Events & Actions

By choosing event you say, when the interaction should be triggered.

Action says what should be done.

Keep in mind: Not all actions are enabled for all events.

Creating Next & Previous navigation

This navigation let user go to next or to previous page clicking Next or Previous buttons.

To create a course with linear navigation on pages you want:

1. Go to page you want to have the buttons on.
2. Insert two buttons to the Content area.
3. Change text on first button to Next and on the second to Previous.
4. Select the button Next and add interaction “Go to next page” to it.
5. Select the button Previous and add interaction “Go to previous page” to it.

Tip: You can group the two buttons together to easily and quickly copy them to other pages.

Creating Next & Previous navigation on all pages

This navigation let user go to to next or to previous page clicking Next or Previous buttons.

When you add new pages or reorder them, this navigation is automatically added to them or updated on all pages.

To create a course with linear navigation on all pages:

1. Insert two buttons to the Header or Footer area.
2. Change text on first button to Next and on the second to Previous..
3. Select the button Next and add interaction “Go to next page” to it..
4. Select the button Previous and add interaction “Go to previous page” to it.

Tip: This type of navigation allow you to add large number of pages to your course without any effort dedicated to creating navigation.

Creating menu

To create a menu navigation in your course:

Creating question with feedback

To create single or multiple choice question with feedback:

Creating hotspot

You can create invisible area that can be clicked (hot spot) using transparent box and interaction.

Creating tabs

To create tabs-like effect:

Creating advanced branching scenarios

You have full control over the way how learner should navigate trough your course.

To create branching or loops:

To create disabled or enabled effect:

To unlock parts of content based on user actions: