Buttons

Adding buttons to a slide in a Captivate project adds interactivity, and the multiple types of buttons available give you several ways to style those interactions.

Insert a Button

1. Click the Interactions button on the toolbar.
2. Select Button.
   

A new button is placed on the slide.

The button type changes, and with it, the available options to customize it.

Change a Button Image

Image buttons can use some built-in styles, or images that you supply yourself.

1. Select an image button.
2. Select an image style from the gallery.
   

OR

1. Click the Change button.
   

The file browser opens for you to select an image. You can select a single image to use as the button's regular appearance, but you can also use a set of images that will automatically be added as hover-over and down states, if they're named right.

2. Select an image.
3. Click Open.
   

The button changes to the selected image. That image is also added to the gallery, so that it's easier to use again elsewhere in your project.

Edit a Button's Style

You can change the appearance of the other types of buttons as well, by changing their text and shape formatting.

1. Select a button.

You can change the appearance of the other types of buttons as well, by changing their text and shape formatting.

You can change the appearance of the other types of buttons as well, by changing their text and shape formatting.

2. Edit the button's text.
   
3. Use the Style options to customize the button's fill, stroke, and text formatting.
   

Adjust Button Timing

Buttons also have some special timing properties, like automatically pausing a slide while waiting for user input.

1. Click and drag a button's pause point on the timeline.
   

OR

1. Click Window on the menu bar.
2. Select Timing Properties.
   

The Pause After options here control the pause point. You can adjust when it pauses using the text field here.

3. Edit the timing in the Pause After field.
4. Uncheck the Pause After checkbox.
   

The pause point is removed from the selected button.

Edit Button States

One last thing to look at with buttons is the different button states. These states represent how a button looks normally, when the mouse cursor is hovering over it, and while clicked.

1. Select a button.
2. Click the Properties tab.
3. Click the State View button.

   The Object State panel appears on the left, showing the different states of the button:

   • Normal state: How the button will look most of the time, when it's not being interacted with.
   • RollOver state: How the button will appear while the mouse cursor is hovering over it, but not clicking.
   • Down state: How the button will look while being clicked by the mouse.
     
4. Click a button state.
5. Edit a button state's formatting and add new elements.
6. Click the Exit State button.