Adobe Captivate 3: Olé, Slideléts!

Rollover Slidelet’s are basically mini-slides within a slide. Similar to Rollover Captions and Images (both holdovers from Captivate 2), Slidelets only appear when the user moves the mouse over a specified area on the slide. Unlike Rollover Captions (which can only contain text) and Rollover Images (which can only contain images), Slidelets can contain images, text, audio, and video. In addition, you can attach navigation controls to a Slidelet.

Insert a Rollover Slidelet

1. Open or create a Captivate project
2. Open a slide
3. Choose Insert > Rollover Slidelet

The New Slidelet dialog box appears.



4. Click OK to accept the initial defaults

   Two things appear on the slide: the Rollover Slidelet and the Slidelet. While the two objects look similar, the Rollover Slidelet will serve as the hotspot. The Slidelet is what will appear should the user move their mouse over the Rollover Slidelet. Although the Rollover Slidelet contains the words "Rollover Slidelet," that identifier will go away should you make the Rollover Slidelet small. In that case, use your mouse to point at either object and you will see a tooltip that will help you identify which object is which.

Set Rollover Slidelet Properties

1. Drag the Rollover Slidelet over the part of the slide that you would like to serve as the hotspot (remember, the Rollover Slidelet is the part the user will need to move their mouse over to display the Slidelet)
2. Right-click the Rollover Slidelet and choose Properties
3. On the Rollover Slidelet tab, select Stick Slidelet from the If the user clicks inside the Rollover slidelet area



With the Stick Slidelet option selected, nothing will happen on the slide should the user click the Rollover Slidelet. Alternatively, you could have selected Navigate from the If the user clicks inside the Rollover slidelet area and then selected from a list of On Click actions.

4. Select the Options tab
5. If necessary, select Show Runtime Border from the Effects



With this option selected, a border will appear around the hotspot when users point to the Rollover Slidelet.

6. Click OK

Insert a Text Caption and Image into the Slidelet

1. Drag the Slidelet to an appropriate location on the slide

   Remember, the Slidelet is what will appear should the user move their mouse over the Rollover Slidelet.

2. Select the Slidelet

   This is the most important step. If you do not select the Slidelet now, the Text Caption you are about to insert will be inserted on the slide instead of within the Slidelet.

3. Choose Insert > Text Caption
4. Type the text and format the caption as you would any Text Caption
5. Click OK

   The Text Caption has been inserted within the Slidelet. You can move the Text Caption anywhere within the Slidelet, but you cannot drag it outside of the Slidelet.

6. Select the Slidelet
7. Choose Insert > Image
8. Open an Image and click OK when you see the New Image dialog box

   As when you inserted the Text Caption, an image has been inserted within the Slidelet. You can move the image anywhere within the Slidelet but you cannot drag it outside of the Slidelet. Pictured below is the Slidelet (in blue) with both the text caption and image.

   

9. Preview the project.

   You should see a border appear around the Rollover Slidelet. In addition, the Slidelet should appear with both the Text Caption and image you inserted. If you move your mouse away from the Rollover Slidelet, the Slidelet should disappear.