Buttons are one of the most common ways of adding a standard object to your Captivate slides.
You can increase the interactivity of your Adobe Captivate projects by adding buttons. To add a button, use the default button style (a plain, white rectangle). You can also import custom button images. You can size and position buttons on a slide. You determine what happens after the user clicks the button.
In Captivate, you can add interaction to a button and have any action when you click the button.
To add an interactive button:
-
- Success: Select this
check-box to include a caption to be displayed when the user clicks the button. - Failure: Select this
check-box to include a caption to be displayed when the user clicksoutside the button. - Hint: Select this
check-box to specify a hint to be displayed to users. The hint is displayed when the user moves the mouse over the button.
You can delete a button at any time by selecting it and pressing the Delete key. When you delete a button, all associated objects (such as success and failure captions) are also deleted.
- Success: Select this
As
Create a variable myVar and set its value to zero. On button success, in the Advanced Actions panel, choose a conditional action with an if statement.
The action checks that if the value of myVar is zero, then hide the object, and increment the value of myVar to one.
Smart shapes include many categories of readily-available shapes such as arrows, buttons, or basic shapes. You can insert and modify such shapes quickly and easily in your Adobe Captivate projects.
You can convert a smart shape into a button and add interactivity to it.
In the demo below, insert a smart shape, convert it into a button, and assign properties to the button.
Then create an advanced action as a success action for the button trigger. In the advanced action, you check if the variable you had created is equal to the name "John". Based on the condition, the action accepts your input and prints the name in the second slide.
To view the properties of a button, select it on the slide. The Property inspector displays the properties of the button.When you change the properties, the changes are instantly applied to the selected instance of the button.
| Id | Description |
| 1 | Choose any of - Text, Transparent, or Image. |
| 2 | The button label. |
| 3 | Change the properties of the button label font. |
| 4 | Change the button label effects. |
| 5 | Change shadow and reflection properties of the button. |
| 6 | Choose to apply the properties to all objects of the same type. |
| Property | Label description |
 |
1. Change the smart shape. 2. Change the smart shape background color and opacity. 3. Modify the stroke properties of the button. 4. Change the button label font properties. |
 |
1. Insert symbol, user-defined variable, or hyperlink. 2. Modify button label color properties. 3. Modify button margins. 4. Modify button shadow properties. |
 |
|
 |
|
Drag-and-drop interactions provide an interesting and engaging way of assessing your users’ knowledge. This interaction lets users answer questions by draging and dropping objects in the designated areas or objects.
A drag-and-drop interaction involves a drag source and a drop target. Users drag the drag sources and drop them onto drop targets.
-
Create a drag and drop interaction project specifying the drag sources and drop targets, and the mappings, as shown below.
For more information on creating s drag and drop interaction, see Drag and drop interactions in Adobe Captivate.
In Captivate, you can add states to quiz buttons. You can add a RollOver state and/or a Down state to the buttons.
You can add states to buttons in a Master Slide in responsive mode and use the Master Slide in your project.
-
To insert Fluid Boxes into the project, click Suggest Fluid Boxes in the Properties Inspector. The Fluid Box automatically creates containers according to the layout of the objects.
Align the objects vertically or horizontally.
For more information on Fluid Boxes, see Fluid Boxes in Captivate.
Master Slide Fluid Box layout
You can configure Adobe Captivate to automatically resize a button or caption according to the amount of text in the button. If you edit the text, the button changes size to accommodate the new text.
Note:
Best practice is to resize buttons before resizing the project. Resizing a project does not resize the buttons automatically.
You can modify some properties of buttons on question slides. The standard buttons are Clear, Back, Submit, and Skip.
Note:
Resize any buttons before resizing the project. Resizing a project does not resize the buttons automatically.
Twitter™ and Facebook posts are not covered under the terms of Creative Commons.