I’m planning to create some basic example screens used in eLearning courses and show you how I created them. The first one in the series is a tabbed screen, where you can click on each tab to go through the related text.
Take a look at this screen and play around with the tabs.
In this screen, we have six tabs and there’s some text related to it. The easiest way to create such a screen is to create seven slides, with the first one in the start state and the rest of the six slides with the text related to each tab and then linking the six screens with each of the tab. Lot of work, huh!
If you want to accommodate it all in one slide, retain the same slide number and make the project less cluttered… There’s a cool way to do so! Read on…
All right, let’s take help from our friend ‘Advanced Actions’. Don’t worry, we are not going to use any heavy codes… we will just show and hide things!
The logic here is to create buttons for tabs, text area associated with it and then use advanced actions to show the desired text and hide the rest. Ready?
Here are the steps you can use to create the tabbed screen:
Click here to download the assets.
Let me know if you found this post useful or have any questions by leaving a comment on this post. I would also love to know if there’s some specific type of screen/interaction example you are looking for.