Add a card widget to your Captivate project

Select the card widget. In Visual Properties, in Alignment and Spacing section, you can adjust the following:

• Content width: Move the slider to increase or decrease the width of the widget. You can also add padding to the right or left of the widget to introduce space on either side.
• Content spacing: Move the slider to adjust the spacing between the components.

Move the Number of flipcards slider in the Visual Properties panel to increase or decrease the number of cards. You can add at most four cards in the widget.

Select a card widget design from the list of Design Options.

For more information, view Design options.

In the Components section, you can change the following:

• Title: Add or remove a title.
• Body: Add or remove the body of the widget.
• Instruction: Add or remove the instruction on the widget.
• Next button: Add or remove this button to take the learner to the next slide.
• Previous button: Add or remove this button to take the learner to the previous slide.
  

The following customizations are available for the content at the front of the card widget. Add or remove components from a card widget:

• Image: Add or remove the images on the cards.
• Title: Add or remove the titles on the cards.
• Subtitle: Add or remove the subtitles on the cards.
• Icon: Add or remove the icons on the cards. When the learner selects the icon at runtime, the card flips.
  

In the Appearance section, change the appearance of widget's background. You can change the widget's color,  add a border, and apply an inner shadow.

• Solid color: Select the color picker and change the slide's background color. You can also select the Solid background dropdown and choose from the following options:
  • Linear gradient: Shades from the starting point to the ending point in a straight line.
  • Radial gradient: Shades from the starting point to the ending point in a circular pattern.
    
  • Image: Add an image as a background. You can pick the image from Assets or from a location on your computer.

You can change the border's color, width, and specify the end caps (Butt, Round, Projecting).

The borders and shadows reflect based on the sides. For example, the left border applied on a front card becomes the right border on the back due to the flip effect.

In the Card tab in Appearance, change the properties for the cards on the widget. You can change the card's appearance by changing the properties, such as color, border, radius for corners, or shadows.

Select the Overlay solid color checkbox if you want to change the overlay color inside a card on the front panel of the widget. Select the color picker and select any color.

In the Settings section, enable the toggle Move to next slide when the widget completes. This enables the Next button only after a learner selects all the cards.

Select a card in the widget.

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

• Image: Add or remove the image.
• Title: Add or remove the title.
• Subtitle: Add or remove the subtitle.
• Icon: Add or remove the icon on the card. When the learner selects the icon at runtime, the card flips.

You can add the card's background color, border, radius, or shadow in the Appearance section.

Select an icon to change the icon's properties.

In the Visual Properties panel, you can:

1. Click the folder icon to replace the icon from Assets or on your computer. For more information, view SVGs in Adobe Captivate.
2. In the Flip icon section, select Flip horizontally or Flip vertically, so that when a learner clicks the icon, the icon flips in the selected mode.
3. Move the Opacity slider to increase or decrease the transparency of the icon.
4. Change the icon's color using the Solid color picker.

On the slide, select a card. Then, select the image on the card. Using the placeholder icon on the image, replace the image. For more information, view Images in Adobe Captivate.

In the Appearance section of the Visual Properties panel, you can apply a filter, blur the image, and adjust the brightness and contrast.

You can also add a border to the image. You can change the width of the border and add color, and add a border on one or four sides of the image.

Select Drop shadow to add a shadow to the image's border.

If you want to replace the existing image, click the folder icon in the Image Source section. You can pick the image from the Assets or on your computer.

Select the pencil icon in the Image Source section to crop the image. For more information, view Images in Adobe Captivate.

In the Reporting section, select the checkbox Inlcude 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 a card in the widget and then select a text object.

In the Appearance section of the Visual Properties panel, change the text style, font, font size, text spacing, etc.

Change the text color in the color picker and apply a shadow if needed.

Select Bullets and numbering to add bullets to the text. You can also change the size of the bullets, add colors, and change the indentation.

Select Back in the selection dock below the cards.

The back panel of the card container displays.

Add a title and button in a card in the Components section of the Visual Properties panel. You can change the following:

• Title: Add or remove the widget's title.
• Next button: Add or remove this button to take the learner to the next slide.
• Previous button: Add or remove this button to take the learner to the previous slide.

The following customizations are available in the back matter of the card widget. Add or remove components from a card widget

• Image: Add or remove the images on the cards.
• Title: Add or remove the titles on the cards.
• Subtitle: Add or remove the subtitles on the cards.

In the Appearance section, change the radius of the border, background color, border, and shadow of the back of a card. For more information, view Change the widget's background.