User Guide Cancel

Adding an input field to an Adobe Captivate project

  1. Captivate User Guide
  2. Get to know Captivate
    1. What's new in Adobe Captivate
    2. Adobe Captivate System Requirements
    3. Download Adobe Captivate
    4. Frequently Asked Questions
  3. Adobe Captivate releases
    1. Adobe Captivate 13
      1. Adobe Captivate (13.0) release notes
    2. Adobe Captivate 12
      1. Adobe Captivate 12 summary
      2. Adobe Captivate (12.6 update) release notes
      3. Adobe Captivate (12.5 update) release notes
      4. Adobe Captivate (12.4 update) release notes
      5. Adobe Captivate (12.3 update) release notes
      6. Adobe Captivate (12.2 update) release notes
      7. Adobe Captivate (12.1 update) release notes
  4. Project setup
    1. Slide navigator
    2. Project dimensions
    3. Set preferences
      1. General preferences
      2. Generative AI preferences
      3. Project preferences
      4. Quizzing preferences
    4. Themes
    5. Configure URL access for Adobe Captivate features
  5. Import from PowerPoint
    1. Import PowerPoint presentations into Captivate
    2. Work with text on imported slides
    3. Work with shapes on imported slides
    4. Add media to imported slides
    5. Add interactions and animations to imported slides
  6. Generative AI in Adobe Captivate
    1. Generative AI overview
    2. Generative AI FAQs
    3. Generative credits
    4. Generate text 
      1. Generate text overview
      2. Write effective prompts for text generation
      3. Generate text using quick prompts
      4. Generate text using custom prompts
      5. Provide feedback to improve text generation
    5. Generate images
      1. Generate image overview
      2. Generate images using prompts
      3. Choose image content type - Photo or Art
      4. Use reference images for Composition and Style
      5. Best practices for effective image generation
      6. Provide feedback to improve image generation
    6. Generate avatar
      1. Generate avatar overview
      2. Customize the avatar
      3. Create transcripts for avatar narration
      4. Generate avatar narration
      5. Provide feedback to improve avatar generation
    7. Generate transcripts
      1. Generate transcripts overview
      2. Generate transcripts for closed captions
      3. Best practices to use transcripts effectively
  7. Add and edit text
    1. Add text to a project
    2. Add Adobe fonts to a project
    3. Add quotes
  8. Add and edit images
    1. Add images to a project
    2. Edit the background image on a slide
    3. Add SVGs to a project
  9. Add and edit media
    1. Add videos to a project
    2. Add and edit audio
    3. Add audio for widget interactions
    4. Add closed captions
    5. Add web objects to a project
  10. 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
    6. Variables in Adobe Captivate
  11. 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. Add question pools and random question slides
    7. Import questions as CSV
  12. Add 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
    9. Add an Accordion
  13. Interactions and animations
    1. Add interactions to a project
    2. Create interactive video with overlay
    3. Create a slide-level interaction
    4. Create an object-level interaction
    5. Add animations to a project
    6. States in Adobe Captivate
  14. Enhance your e-learning project
    1. Add padding to content blocks and components
    2. Add a header to a project
    3. Add a footer to a project
    4. Create a long scroll project
    5. Add a conversation slide
    6. Add characters to your Adobe Captivate project
    7. Assets in Captivate
  15. Simulation projects
    1. Simulation overview and setup
    2. Demo mode
    3. Training mode
    4. Assessment mode
    5. Full-motion recording
  16. Timeline and TOC
    1. Timeline panel in Adobe Captivate
    2. Table of Contents in Adobe Captivate
  17. Review and collaborate
    1. Share for review
    2. Create and manage reviews
    3. Add review comments and collaborate
    4. FAQs and Troubleshooting guide for sharing projects for review   
  18. Preview and publish
    1. Preview your project
    2. Publish your project
  19. Accessibility
    1. Create accessible eLearning content in Adobe Captivate
    2. Make a slide accessible
    3. Make slide objects accessible
    4. Make an interactive component accessible
    5. Make a widget accessible
    6. Make a quiz accessible
    7. TOC and Playbar accessibility
  20. Design options in Adobe Captivate
    1. What are design options?
    2. Parts of a design option
    3. Create custom design options
    4. Modify a custom design option
    5. Export a custom design option
    6. Import a custom design option
  21. Additional resources
    1. Top How-tos in Captivate
    2. Captivate Classic vs Adobe Captivate
    3. Upgrade older Captivate projects to the latest version
    4. Create and deploy Captivate packages in Admin Console

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, Inc.

Get help faster and easier

New user?