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!
