With layers in a Storyline 2 project, you have the ability to show or hide information as needed. To show or hide a layer, you need some form of trigger. In this movie, you will know how to create new triggers to show a layer from the base layer, and then create a custom button to be used as a trigger to hide the layer that has been shown.
- [Voiceover] Once you've created additional layers you'll probably need triggers, to either show or hide those layers when they're needed. That's what we're going to do in this movie. So, if you've skipped to this movie and need to get caught up, just open up LH_CS_0202 from the chapter two folder of your exercise files. You'll have the base layer, 123 Oxford Street, and the additional info layer that we created in the previous movie. Let's start with the trigger that's going to show our new additional info layer when we want it.
We'll go back to the base layer. And, maybe we'll have people click the map to get additional information. So, let's start by adding some instruction clicking the insert tab on the ribbon and adding a text box. Next, we can click over here cross and down and type in something like, click map for additional information like so. I'm gonna stretch this out so it all fits on one line.
If we wanted to, we could place it under the map. That might be better. Once we get it, lined up nicely there we go, centered, we have the instructions we need, now we need the trigger. So, we'll select the map, that's going to be the trigger. And go over to the trigger's panel to create a new one clicking the Create a new trigger button. So what we want to happen is, to show a layer, so if that's not already selected click the drop down and make sure says Show layer. Which layer? Click the drop down you'll see Additional info.
When the User Clicks this Picture, that's already there because we had it selected ahead of time. Click OK, and there's our first trigger. Now we'll go to the new layer called Additional Info, by clicking it down here in the slide layers panel. What we need is a trigger to hid this when we're done reading it. So, let's go to the INSERT tab to insert a button, now if we go to controls and choose one of the buttons, we get a nice head start, but maybe it's not the formatting we want. I want something that looks more like a close button.
So instead we'll go to the Shape drop down, give that a click and choose the oval under Basic Shapes. I'm gonna draw it over here where I can see better, hold down your shift key, click and drag across and down. There you go to get a perfect circle. Next, we'll type in a capital letter X. Like you see on a close button. Now when you hover over it and see the foresighted arrow, click and drag it to the top right hand corner of our additional information text. Next, we'll go to the FORMAT tab because I think it should have a fill that is red.
A typical close button, there we go. And that's going to be our trigger. So when the learner clicks the close button it hides the layer. With it already selected again we'll create a new trigger. Click create a new trigger, this time we want it to hide this layer. So click and drop down shows up with Hide Layer. Hide this layer, perfect, when the user clicks Oval 1. Perfect, click OK. Now the only thing I might like to do is change it from oval one to close button, so it's a little bit clearer what we're working with.
Let's go over to the timeline down below on the left hand side. Double click Oval 1 and type in Close Button. Press Enter and that's locked in. We're ready to test this out. So we'll go to the Preview drop down button. It is this slide that we want to preview. Control F12, is your keyboard short cut, and when it appears you're going to see the information minus the added text that was originally there. Looks like we can click the map for additional info.
When we go to the map, our mouse pointer changes to the finger pointing, give it a click. There's the additional information, and when we're done, it's kind of self explanatory, we can click the close button to close that up and we're back to the original slide layer. Let's click the close preview to return to our slide, we'll go to the Base Layer by selecting it. And that's how you set up triggers with your layers. The only thing we might want to do is make it more interesting.
We can add animations to objects when they're triggered. We'll talk about doing that next.
In this course, David Rivers takes you past the basic features into the advanced. He demonstrates how to create custom e-learning content using media, layers, and variables in Articulate Storyline 2. He shows how to create interactive courses by inserting and configuring objects and hotspots throughout the course. He also demonstrates how to make templates and add quizzes.
- Setting up branching and scoring
- Inserting and adjusting layers
- Adding images and media
- Creating interactive courses with buttons and hotspots
- Working with variables