Adding a button component to an Adobe Captivate project

Select a design option. A design option presents pre-configured layouts with cleaner design elements to apply to the content block.

For more information, view Design options in Adobe Captivate.

Select the number of buttons you want in the content block in the Components section. Move the slider to add more buttons.

You can add at most three buttons.

Hover over a button component and select any option (Align left, Align center, or Align right). If you add a button component and add more than one button, you can distribute the buttons horizontally in a uniform layout.

Select Card to add a card around the button.

In the Appearance section, you can change the color settings at the content block level. Add the background color, border, and apply a shadow to the border. Select a solid color, linear or radial gradient, or add an image as a background.

If you've selected Card, in the Card section, you can increase or decrease padding to the card, add a radius to one or four corners of the card, add a background color, add a border to the card, and apply a shadow to the card's border.

Select the button inside the content block.

In the Visual Properties panel in the right toolbar, move the Opacity slider to increase or decrease the transparency of the button.

Select any design option. A design option presents pre-configured layouts with cleaner design elements to apply to the button.

For more information, view Design options in Adobe Captivate.

In the States section, click Show to launch the States Flyout. Configure the in-built states of the button, Hover, Visited, Selected, and Disabled. If any state is disabled, right-click the state, and select Enable.

For more information, view States in Adobe Captivate.

In the Appearance section, adjust the padding of the button relative to the card. In the Shape tab, add color to the background, border, and shadow to the button. Select one of the caps (Butt, Round, or Projecting) when applying a border.

Change the font family, color, and other properties in the Text tab. 

For more information, view Work with text in Adobe Captivate.

In the Icon tab, enable the Icon toggle.

You can change the button label and add an icon near the label. Select the folder icon and change the icon from the Assets or your computer. 

Select the Solid color checkbox and add the icon's color. To add a border to the icon, select Border, and apply a border. Change the thicknesses of the border, and specify the border end caps (Butt, Round, or Projecting).

Select the icon size from, Small, Medium, or Large. Then select the position of the icon on the button. Select either:

• Alight Left
• Align Top
• Align Right
• Align Bottom

Select the icon's offset relative to the button. Select Default, Comfortable, or Compact. Offset adds space between the icon and the edge or border of the button.

In the Flip icon section, select Flip horizontally or Flip vertically, so that when a learner clicks the icon, the icon flips to the selected mode.

In the Reporting section, select the checkbox Report answer if you want the quiz to be included in an LMS. Each scorable unit of Captivate is automatically assigned a unique Interaction ID. This Interaction ID is what makes data tracking by the LMS possible. 

To add an action or interaction to the button, select the button, and select Interactions on the right panel. Then assign an action, for example, Open Url or file. On previewing the project, the URL opens when the learner clicks the button.

See Interactions to know more about creating interactions.

To save your changes, click Done. The interaction appears in the Interactions panel.