Adding a checkbox component to an Adobe Captivate project

In the Visual Properties panel, expand the Alignment and Spacing section.

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.

If you want to add padding at the top or bottom of the selected content block, then enter the desired values for the Top and Bottom padding by changing the values in Vertical padding.

Select the Autofit height checkbox to change the height of the content block to fit the slide. If there are other content blocks in the slide, the content block adjusts itself to fit the slide's height.

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.

In the Components section, you can change the following:

• Label: Add or remove the checkbox's label in the content block.
• Checkbox: This option remains disabled.
• Button: Add or remove a button in the content block. Move the slider to increase or decrease the number of buttons. You can, at most, add three buttons. For more information, view Buttons in Adobe Captivate.
  
• Card: Add or remove a card around the checkbox.
  

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 background color, 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 the option.

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

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

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 option, Hover, Visited, Disabled (Checked), and Disabled (Unchecked). If any state is disabled, right-click the state, and select Enable.

For more information, see States in Adobe Captivate.

In the Appearance section, you can change the following:

• Select Small, Medium, or Large to change the size of the checkbox option.
• Select the Selected by default checkbox to make the checkbox option selected by default when a learner views the course.

In the Shape tab, change the option's color, shadow, and add a border. Select one of the caps (Butt, Round, or Projecting) when applying a border.

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

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

In the Image tab, enable the Image toggle.

Add an image to the checkbox option. Replace the default image of the option with an image from Assets or on your computer. For more information on working with images, view Images in Adobe Captivate.

Select the checkbox item.

 Select Interactions in the right toolbar.

In the Selection tab, select Go to slide in the Action section.

Select a slide in the project that the learner reaches when they select the option at runtime.

See Interactions to know more about creating interactions.

Repeat steps 3 and 4 to configure the action when the learner deselects the checkbox option at runtime. You can configure the action in the Deselection tab.

See Interactions to know more about creating interactions.

Click Done.