Tag Archives: Highlight Box

Captivate 3 Tip: Using a Highlight Box as a Cover

Posted on 03. Dec, 2008 by captivatehero.

10

Most Captivate developers encounter a Highlight box for the first time as part of a Demonstration Recording. This faint flash of color to draw the user’s attention is great for simulation recordings, but there is another way that you can take advantage of this Captivate object.

Here’s a dirty little secret: a Highlight box can be used to cover up square areas of your screen temporarily or even permanently.

Thanks Development Team!

A good example would be an application that has yet to be rolled-out, and you have been tasked with building an eLearning module for that app. (I’m sure I just heard some groans.) Guaranteed that some system function will be stripped away before an application is released.

Let’s say that the development team decides to remove a check box from the application, and you have 80 background screens in Captivate with that check box. Now, that’s a problem. Along comes the Highlight Box to save the day.

Here’s an easy way to get rid of a that problematic interface element:

1. Identify object or area to cover.
In this case - the area is the check box and label “Remember me on this computer.” The screen capture is part of an image on the slide background.  For the best results, the new Highlight Box must be in the layer above your background.

The highlight box is above the slide background.

The highlight box will be above the slide background.

Select the Pick color tool and click your application background color for a perfect match.

Select the Pick color tool and click your application background color for a perfect match.

2. Create the Highlight Box.
From the Main Menu select Insert > Highlight Box (SHIFT+CTRL+L)

Set the following attributes in the New Highlight Box window :

  • Frame color: White (This can be any color!)
  • Fill Color: Match your application background color with the eyedropper tool.
  • Frame Width: 0
  • Fill Transparency: 0%
  • The Fill outer area box is unchecked

Select the Options tab and set these values:

  • In the Timing Area set these values: Display for: rest of slide - Appear after 0.0 seconds.
  • In the Transition Area set the Effect to no transition.

Click the OK button.

3. In the timeline, click and drag the new Highlight Box above the Background Layer.
You can never have visual content below the Slide Background – that’s impossible in Captivate.

4. Resize the Highlight Box and cover the checkbox and label.
You may have to lock a few layers down to do this depending upon the complexity of your Captivate slide.

5. Select Preview > Next 5 slides from the Captivate Tool Bar.

Good-bye offending interface element! Remember this techniques works well in situations that a visual element may or may not be a part of the final movie. Those developers may come back and say, “Hey - can you put that check-box back?.”

A couple quick notes:

  • You can always remove the Highlight Box cover if functionality returns to the application you are recording.
  • You can copy and paste the Highlight Box to other screens if needed.
  • Right-click the Highlight Box and select Merge to Background if you want this to be a permanent change.

I have been using this same technique for years and it has never failed me. Now you have one more tool in your Captivate tool belt.

Continue Reading