Can I use the Group component to swap between different types of content?

When you add content within a Group component (just drag and drop it inside) you can add new 'views' and change the components in the new view. E.g. you might add an image in the first view, then some text in the second view, so that you can make flip cards.

For this example I want to be able to click on various screens and a new view to appear.

Drag and drop the group component onto your screen where you would like it all to appear.

Change your component setting to advanced

I will be adding 3 different views - so that the learner can simply click the screen and it will move to the next view!

View 1 - I want to be text -so I have dragged and dropped the text box into the group component

To add a new view click on +add new view you can do this as many times as you would like.

View 2 - I am adding an image

View 3 - I am adding text

Once you have all your components in the group component you can start to set the actions for each one.

View 1 - I have text, click on the text box and add your text (remember to change your component setting to advanced!)

view name: I have changed this to view 1

component completion status: complete

You then need to complete the actions.

when the learner does: click

this happens: change another components view

change component: group 1

to view: view 2

Done

I now need to set the components for view 2

view 2 - I have an image for this view, click on the image and add your image (see the images article to load images)

Next we need to add actions.

on click, change: group 1

to view: instructions

For my final view I am adding more text.

View 3 - I have text, click on the text box and add your text (remember to change your component setting to advanced!)

view name: I have changed this to cup of tea

component completion status: complete

For this example I don't need to add any further actions as I don't need it to do anything else.

Remember to SAVE your screen regularly!

Watch the short video below to see the group component working!

Did this answer your question?