Add radio group widget to an Adobe Captivate project

Learn how to add and configure a radio group in an Adobe Captivate project.

Note:

Adobe Captivate introduces content blocks, such as text or an image block, which contain components like text, image, or button. Play this video to learn more about content blocks and components.

Overview

Radio buttons in the all-new Adobe Captivate refer to an interactive element allowing learners to select from a predefined list of options. They are often used in eLearning courses and interactive content to gather user input or allow learners to make choices.

You can easily add radio buttons to your e-learning content in Adobe Captivate using the radio group widget. You can customize the widget to match the design and style of your project, and use the widget to create quizzes, surveys, or other scenarios.

Add a radio button content block

Select Add interactive components > Radio Group in the left toolbar.

A screenshot of a computerDescription automatically generated with medium confidence

Change the properties of the radio group content block

Adobe Captivate lets you add a radio group content block and change its appearance, color, and more.

  1. 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 radio group 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.

  2. 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.

  3. In the Components section, you can change the following:

    • Label: Add or remove the radio group's label in the content block.
    • Radio Group: 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 radio group.

    Note:

    You can align the components in the Components section. Hover over a component and select any option (Align left, Align center, or Align right).

    Note:

    If you add a button component and add more than one button, you can distribute the buttons horizontally in a uniform layout.

  4. 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.

  5. If you've selected Card, in the Card section, you can increase or decrease padding to the card, 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.

Edit the label text in the content block

Select the label in the radio group content block.

You can change the label's font family, color, and other properties in the Visual Properties panel. For more information, view Work with text in Adobe Captivate.

Change the properties of the radio group options

  1. Select the options.

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

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

    For more information, view Design options in Adobe Captivate.

  4. In the States section, click Show to launch the States Flyout. Configure the in-built states of the options, Hover, Selected, 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.

  5. In the Settings section, you can increase or decrease the number of radio button options from the slider.

    In the Set selection as dropdown, set the default selection of an option- none and any one option.

    Additionally, you can rearrange the options by clicking the Options icon in the Settings section. Then select any option and drag or drop on another option.

  6. In the Appearance section, select Small, Medium, or Large to change the size of the radio group options.

  7. In the Shape tab, change the color of the options shadow, and add a border to the options. Select one of the caps (Butt, Round, Projecting) when applying a border.

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

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

  9. In the Image tab, enable the Image toggle.

    Replace the default image of the options with an image from Assets or your computer.

    Moving the sliders, change the image's blur, brightness, or contrast levels.

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

Add interaction to the radio group options

View the Create interactions in Adobe Captivate article for an example of adding interaction to a button so that action occurs when a learner selects the correct option in a radio group and clicks the button.

Watch a video

Get help faster and easier

New user?