The toggle button - allows you to switch buttons on and off.

In this example I am going to add some text and buttons.

First I have set my screen out with columns and rows and this will be my layout as to how I want my screen to look.

Next I add my text component and my buttons.

To begin with add all your text, images, video's etc to your screen each one in the advanced setting (you need to do this before you start working on the toggle)

Once you have done this you can now work on the buttons!

Change the component setting to toggle

the following will appear for you to complete.

If you click on view: default and view: toggled you will see that the button changes

view default:

view: toggled:

You will now need to set actions to the buttons.

Button 1

Click on the view: default (as this is where you want to start with the actions)

on toggle on, change: text 1

to view: 165 million

on toggle off, change: button 2

to view: toggled

completion options: tick button must be clocked before learner can progress

Now you can set the actions for button 2

view:default

actions

on toggle on, change: text 1

to view: essential rules

on toggle off, change: button 1

to view: default

completion options: tick button must be clocked before learner can progress

Remember to SAVE your work!

Watch the short video below to see it in motion!

Did this answer your question?