Add a carousel widget to your Captivate project

Select the widget in the slide.

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

Select any design option. A design option presents 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 at the widget level:

• Title: Add or remove the title from all pages of the Carousel widget.
• 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 inside a carousel:

• Image: Add or remove the image from all pages inside a carousel.
• Heading: Add or remove the heading from all pages inside a carousel.
• Body: Add or remove the body text from all pages inside a carousel.
  
• Arrows: The arrows help you transition between the carousel pages manually. If a learner selects the previous or next arrow, the previous or next carousel page appears. You can also place the arrows at the top, center, or bottom of the carousel.
• Indicator: Select to display the three dots from all pages inside a carousel.
• Card: Add or remove a card around the text on a carousel page.

If you've enabled Card, you can add color, border, or shadows to the card in the Card tab.

In the Appearance section, you can further customize the following:

• Background of the widget: The Background tab controls the color setting at the widget level. Select the Background tab, add the widget's background color and a border, and apply a shadow to the border. Additionally, you can change the color and shape of the indicator on the current page. Select a circular, squared, or dashed indicator from the dropdown. Then select a solid color, linear or radial gradient, or add an image as a background.
  
• Background of the carousel page: Add the background color of the carousel pages in the Page tab. Select a solid color, linear or radial gradient, or add an image as a background.

In the Settings section, configure the following:

• Page Movement: Select an option to decide how a carousel page transitions to the next page when a learner selects an arrow. The available movement options are Right to left, Top to bottom, or Left to right.
• Auto-play on loading: Enable this toggle to autoplay the carousel pages when a learner previews the project.
• Move to next slide when the widget completes: Enable this toggle for a learner to move to the next slide only after they have visited all the carousel pages.

Select a page in the page selector.

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

• Image: Add or remove an image on a carousel page. Select the image placeholder and replace the default image with an image from Assets or your computer. For more information on working with images, view Images in Adobe Captivate.
• Heading: Add or remove the heading on a carousel page.
• Body: Add or remove the text body on a carousel page.
• Card: Add or remove a card around the text objects.
  

In the Appearance section, change the appearance of the card and the carousel page via the following tabs:

• Page tab: Add the carousel page's background color in the Page tab. 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.

Select a text object, for example, title or body inside a page.

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

Select the Next arrow on a page.

The Visual Properties panel of the arrow opens.

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

For more information, view States in Adobe Captivate.

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

Add the arrow's fill color by picking a color from the color picker.

In 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 a navigation button in the widget.

In the Visual Properties panel in the left 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, in the Shape tab, add color and shadows, and apply a border to the button. Select one of the caps (butt, round, projecting) when applying a border.

If you've selected a design that contains text or enabled the text toggle, then the text customization properties are displayed. Change the font family, color, and other properties in the Text tab. Enable the Text toggle first.

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

In the Icon tab, enable the Icon toggle.

The button will be labeled Next only if you've enabled the Text toggle in the Text tab. Label the button as required and add an icon near the label. Select the folder icon and change the icon from the Asset panel or your computer. 

Select the Solid color checkbox and add the icon's color. To add a border to the icon, select the Border checkbox, 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 the Small, Medium, or Large options. 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 either 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 selects the icon, the icon flips in the selected mode.