Click-to-reveal actions: Setup - Captivate Tutorial

- [Instructor] In this video, we'll set up an interaction, where your users can click to reveal additional information. Let's take a quick look at the finished piece, so you can see what we're building toward. So I'll preview the project from this slide. Now, when we first enter the slide, there's some text that instructs the user to click each one of the buttons to learn more. Notice also the picture of the five people wearing VR headsets, that appears by default. So when I click trend one button, the image changes, and some text appears below the image. When I click the trend two, trend three, and trend four buttons, the image changes again, as does the text below the image. So back in Captivate, let's take a look at how the slide has been set up, and start building this out. First, the five different images are all already on the screen, one on top of the other. I'm going to turn off the visibility of the top four and select the bottom one, which is the picture of the five people wearing the VR headset that appears by default when you first enter the slide. Notice in the property inspector that this image has a name of image_20. That's the name Captivate gave it when I place it on the screen. Now, all of the images and text captions we're working with will need that kind of a name. That is how we're going to tell Captivate which images and text we want to turn on and off, when. It is a best practice to give each item you're working with a unique name that makes sense. And that way, you as the developer can easily tell it apart from other items when you're writing your advanced actions. So, with this image still selected, I'm going to change the name to default image. Now I'm going to turn on the visibility of the next image in the timeline, and that has the woman in the white coat, and this is the one that appears when you click the trend one button. I'm going to select it, and I'm going to give this, in the properties, the name of image one. I'm also going to click the icon of the eye next to the field where we've typed the name. A little line appears across it, and you can see that when I hover over it, the tool tip says, "Not visible in Output." This is different than turning the visibility of an image on and off in the timeline when you're building out your Captivate project. This means that when a user lands on this slide, the image will not be visible to them, and it will stay that way until it's turned on by your advanced actions. Now I'm going to turn on the visibility of the next image, which has the two people wearing VR headsets. And I'm going to give this the name of image two. And I'm going to turn off the visibility in Output for this one as well, and you can probably guess where we're going, I'm going to select the next image in the timeline, which is a close up of a VR headset. We're going to call this image three. I'll turn off the visibility here as well. And the same thing for the last image, which is about generational trends in VR. We'll call this image four, and turn off the visibility in Output as well. So, guess what? A similar thing has already been done for the four different text captions that appear. But since they're all stacked on top of each other in the timeline, it can be hard to tell which one you've got selected. So, I'm going to turn off the visibility for all of them, except the bottom one in the timeline. And when I select it, you can see in the property inspector it's got a name of trend one text, and the visibility in Output has been turned off. The same thing is true, now here for the second piece of text, trend two text, the visibility's turned off, and the same thing is true for the third piece, trend three text, and the fourth piece as well. So, let's test this quickly and make sure that everything, so far, is set up properly. So, when we preview the slide, we should see none of the text that appears below the image, and we should only see the initial image of the five people with the VR headsets. And that's indeed what we've got.