User Guide Cancel

Adding an input field to an Adobe Captivate project

  1. Captivate User Guide
  2. Introduction to Captivate
    1. What's New in Adobe Captivate
    2. Adobe Captivate System Requirements
    3. Adobe Captivate Updates
      1. Adobe Captivate (12.3 update) release notes
      2. Adobe Captivate (12.2 update) release notes
      3. Adobe Captivate (12.1 update) release notes
    4. Download Adobe Captivate
    5. Frequently Asked Questions
  3. Add a slide
    1. Slide navigator in Adobe Captivate
    2. Add a conversation slide
    3. Add characters to your Adobe Captivate project
    4. Edit the background image on a slide
    5. Create a long scroll project
  4. Add text blocks
    1. Add text to a project
  5. Add media blocks
    1. Add images to a project
    2. Add videos to a project
    3. Add quotes
    4. Add SVGs to a project
  6. Interactive components
    1. Add a button
    2. Add an input field
    3. Add a radio button group
    4. Add a dropdown
    5. Add a checkbox
  7. Widgets
    1. Add a Card
    2. Add Tabs
    3. Add a Certificate
    4. Add a Carousel
    5. Add a Hotspot
    6. Add Drag-and-Drop
    7. Add a Timeline
    8. Add Click to Reveal
  8. Create quizzes
    1. Add a Multiple-choice question
    2. Add a True or false question
    3. Add a Match the column question
    4. Add a Short answer question
    5. Add a Sequence question
    6. Import questions as CSV
  9. Add audio to a project
    1. Add audio
  10. Interactions
    1. Add interactions to a project
    2. Create interactive video with overlay
    3. Create a slide-level interaction
    4. Create an object-level interaction
  11. Animations
    1. Add animations to a project
  12. Accessibility
    1. Make a project accessible
  13. Customize the timeline
    1. Timeline panel in Adobe Captivate
  14. Customize TOC and Playbar
    1. Table of Contents in Adobe Captivate
  15. Edit project properties
    1. Variables in Adobe Captivate
    2. Preferences
    3. Themes
  16. Preview a project
    1. Preview
  17. Share a project for review
    1. Share for review   
  18. Publish a project
    1. Publish your project
  19. Create a simulation project
    1. Simulation

An input field allows learners to type a text response and then validate the response.

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

An input field in the all-new Adobe Captivate is a text field where learners can enter text. Input fields are a great way to test a learner's knowledge. After the learner answers a question, Adobe Captivate matches the answer with the answers you've set when creating the input field.

Add an input field content block

Select Add interactive components > Input Field in the left toolbar.

Change the properties of the input field content block

Adobe Captivate lets you add an input field content block and change its alignment and spacing properties, choose a design option, add or remove components, and change its appearance.

  1. In the Visual Properties panel, 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.

    The Autofit height checkbox also considers other objects on the slide and adjusts the height of the input field to fit in the maximum available height within the slide. 

  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 input field's label.
    • Input field: 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. To learn more about buttons, view Buttons in Adobe Captivate.
    • Card: Add or remove a card around the input field.
    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:

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

  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 background color, add a border to the card, and apply a shadow to the card's border.

Add answers in the input field

Configure the settings of the input field and the answer options.

  1. Select the input field.

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

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

    For more information, view Design options in Adobe Captivate.

  4. In the States section, click Show to launch the States Flyout. Configure the input field states, Active, Disabled, Focus lost, and Error. If any state is disabled, right-click the state, and select Enable.

    For more information, view States in Adobe Captivate.

  5. Select an input type for the answer in the Settings section in the input field. The options are:

    • Text: Select this field for users to enter only text-based data.
    • Numbers: Select this field for users to enter numeric data.
    • Password: Displays asterisks in the input field to indicate that the box is a password field.
    • Uppercase: All characters typed into the box are automatically converted to uppercase, even if users type them in lowercase.
    • Lowercase: All characters typed into the box are automatically converted to lowercase, even if users type them in uppercase.
  6. Click Add answers to launch the Answer options dialog.

    Add answers to the field
    Add answers to the field

  7. In the Answer options dialog, enter the possible answers for the learner to enter in the input field and click Save.

    List of answers
    List of answers

  8. Select the Case sensitive checkbox if you want the learner to enter the answer exactly as you've entered in the Answer options dialog, with all the upper and lowercase letters typed correctly.

    Select the variable name in the Variable dropdown that stores the value that learners enter in the input field. Learn more about variables in Variables in Adobe Captivate.

  9. After you add the answers, select the number of attempts for a learner to answer the question in the Attempts dropdown.

  10. In the Appearance section, change the size of the text placeholder in the input field. Select Small, Medium, or Large.

    In the Appearance section, change the input field's color in the Shape tab. Add background color and shadows, and apply a border. Select one of the caps (Butt, Round, or Projecting) when applying a border.

    In the Text tab, change the properties of the placeholder text. For more information, view Work with text in Adobe Captivate.

  11. In the 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. 

Add interactions on the input field

Add an interaction to a button that checks the response in an input field. The project moves only if a learner inputs the correct answer.

To know more about adding an interaction in an input field, view Interactions in an input field.

 Adobe

Get help faster and easier

New user?

Adobe MAX 2024

Adobe MAX
The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX 2024

Adobe MAX
The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online