Add a dropdown 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 on 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 dropdown's label in the content block.
• Dropdown: 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 dropdown.
  

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 Components, 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 dropdown.

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

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

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 dropdown, Hover, 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 Options section, select Edit Content to open the dropdown options editor.

Double-click each option and add the choices.

If you want to add more options to the list, in the Options section, move the Number of options slider to the right.

In the Shape tab in the Appearance section, change the dropdown's background color, shadow, and add a border. Select one of the caps (Butt, Round, Projecting) when applying a border. Additionally, you can change the appearance of the dropdown container, which contains the options of the dropdown, and apply the same properties as the dropdown.

Select the Check mark color picker to apply a color to a check that appears when a learner selects an option at runtime.

Change font family, color, and other properties in the Text tab. Additionally, you can change the properties of the options in the dropdown and apply the same properties as the text in the dropdown.

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

Select the dropdown options.

Select Interactions in the right toolbar.

Select the tab Selection of.

Select the correct option from the list.

In the Action section, select an action that executes when the learner selects the correct answer.

Click Done.