Articulate Storyline, as you can see in the below screenshot, has three default tabs. One of our clients wanted to remove these tabs and have a single custom made tab. Upon clicking the tab, learners should be able to download the printable material of the course.
In this post, I would like to share with you how to create a customized tab and add an action to it in Articulate Storyline. Follow the steps below for the process:
Step 1: Create the preferred number of slides and add respective content to them.
Step 2: Go to the Slide Master from View -> Slide Master, and add a layer on first slide to put our menu items. I have created a layer with the name Menu Layer.
Step 3: Add buttons such that the number of buttons is equal to number of slides. Name the buttons in a way that they represent corresponding slide titles.
Step 4: Create a variable of Text type with default value ‘off’ to switch the current state of menu. I have named it as ‘MenuVar’ here.
Step 5: Now, add the following triggers for each button/ menu item such that:
- Each button should navigate to the corresponding slide.
- Change the current state of menu to on/ off.
Make sure that the trigger which changes state of MenuVar should be on top, so that it first changes the state and then navigates to the corresponding slide.
Step 6: Add two triggers on the Base layer of slide master to show/ hide Menu Layer, when value of the variable MenuVar changes.
We can delete the custom tabs from the same window, by unchecking the checkmarks of default tabs, as shown in the screenshot below. We can even rearrange the order in which they appear, using the arrows provided.
You are done! In the same way, we can create functionalities for other tabs also. By this, we can reduce a few triggers. Note that this can also be done using triggers. But this adds a few more triggers in the source.
Find this post useful? Please share your comments.