Add a Click to Reveal widget to a project in Adobe Captivate

In the Visual Properties panel, the Content Width slider and Horizontal Padding are linked in the Alignment and Spacing section. Moving the slider from the left side changes the left padding value, and moving the slider from right changes the right padding value. The same change is replicated in the Content Width slider when you change the left or right Horizontal padding values.

Move the Content spacing slider to adjust the spacing between the cards.

Move the Number of cards slider to increase or decrease the number of cards. You can add at most six cards in the widget.

Select a design option. The Design Options present pre-configured layouts with cleaner design elements to apply to the widget.

For more information, view Design options in Adobe Captivate.

In the Components section, you can change the following:

• Title: Add or remove the widget's title.
• Body: Add or remove the body of the widget
• Instruction: Add or remove the instruction on the widget.
• Previous button: Add or remove the Previous button on the widget.
  
• Next button: Add or remove the Next button on the widget.

You can add or remove the following components on the cards inside the widget.

• Icon: Add or remove the icons on the cards.
• Caption: Add or remove the captions below the cards.

In the Appearance section, change the look and feel of the card and the widget via the following tabs:

• Background tab: Add the widget's background color and a border, and apply a shadow to the border. When applying a background, you can select a solid color, linear or radial gradient, or add an image as a background.
  
• Card tab: Increase or decrease padding around the text objects, add a radius to one or four corners of the card, add a border to the card, and apply a shadow to the card's border.

In the Settings section, you can turn on or off the following:

• Reveal first card by default: When you enable this toggle, the first overlay card opens by default when a learner views the project.
• Move the next slide only when the widget completes: When you enable this toggle, the project moves to the next slide only when a learner has visited all the overlay cards.
  

Select a card on the widget.

In the Visual Properties panel, in the Components section, you can change the following in a card:

• Icon: Add or remove the icon on a card.
• Caption: Add or remove the text caption below the card.

In the Appearance section, add padding and change the radius of the card on one or all four corners. You can also change the card's appearance by adding a border, color, or shadow.

Select the icon on a card.

In the Visual Properties panel, in the Icon section, select the folder icon and change the icon from the Asset panel or your computer. Then select an icon and replace the card's icon.

Change the icon's transparency in the Appearance section by moving the Opacity slider.

Select a color from the color picker to change the icon's color.

Select an overlay card in the selector on the slide.

Select a design option. The Design Options presents pre-configured layouts with cleaner design elements to apply to the overlay card.

For more information, view Design options in Adobe Captivate.

In the Components section, you can change the following for an overlay card:

• Overlay Label: Add or remove the label of the overlay card.
• Overlay Image: Add or remove the image on the overlay card.
• Overlay Title: Add or remove the title of the overlay card.
  
• Overlay Body: Add or remove the body text of the overlay card.
  

In the Appearance section, add padding around the text in the overlay card, add rounded corners to the card, add a background color, add a border to the overlay card, and add a shadow to the border.

Select an overlay card in the selector below the widget.

Select any text inside the overlay card.

In the Visual Properties panel, you can:

Apply a text preset, change the font and size, change the text's color, add an outline, highlight, shadow, and many more.

For more information, view Text in Adobe Captivate.

In the Reporting section, select the checkbox Include in quiz 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. 

Select the image on the overlay card.

Move the Opacity slider in the Visual Properties panel to increase or decrease the image's transparency.

You can apply an image filter in the Appearance section in the Visual Properties panel. Also, change the image's intensity, blur, brightness, or contrast levels.

Select Border to add a border to the image. Change the width, size, and color of the border.

Select Drop shadow to apply shadow to the border of the image.

In the Image source section, click the folder icon to replace the image from Assets or a location on your computer.

For more information on working with images, view Images in Adobe Captivate.

In the Reporting section, select the checkbox Include in quiz 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.