Add text entry boxes with Adobe Captivate

Text entry boxes are text fields into which users can enter text. Text entry boxes are a great way to test users’ knowledge. After the user answers a question, Adobe Captivate matches the answer with the answers that you have set when creating the text entry box. You can even provide a hint to the user if you want to.

Add a text entry box

  1. Open the slide to which you want to add a text entry box.

  2. Click Text > Text Entry Box. The text entry box appears on the slide.

    Launch Text Entry boxes
    Launch Text Entry boxes

  3. Size and drag the text entry box as desired.

    Sample Text Entry Box
    Sample Text Entry Box

  4. To change the properties of the text entry box, click the box and change the properties in the Property inspector.

Properties of text entry boxes

To view the properties of a text entry box, select it on the slide. The Property inspector displays the properties of the text entry box.

When you change the properties, the changes are instantly applied to the selected instance of the text entry box. Click the Apply to all icon to apply the changes to all the click boxes in the project or to those that use the same object style.

Text Entry Box

Text entry box name properties
Text entry box name properties

1

Enter a unique name for the text entry box. You can use this name when defining the visibility conditions for the box.

2

Clear this option if you want the text entry box to be invisible when the project is played. The object can be made visible when a specific event occurs such as the entry to a slide or exit from a slide. For more information, see Controlling the visibility of objects.

3

Select a style for the text entry box. To define a new style, select Edit > Object Style Manager. For more information on object styles, see Object style.

Style tab

Properties in Style tab
Properties in Style tab

1

Displays the default text that appears in the text entry box. The user can overwrite the displayed text to type the answer. For example, you can set a default text for the text entry box saying, “Enter the answer here.”

2

Allows users to view their previously entered answer if they return to this slide using the Back button.

3

Enables or disables the visibility of the text entry box frame. Choose this option if you want to hide the corners of the text entry box.

4

Displays asterisks in the text entry box to indicate that the box is a password field.

5

Validates the input provided by the users. The box behaves like a form field and accepts any user input.

6

Lets you specify the following options:

  • Maximum Length: Number of characters that you want to limit the input to.
  • Auto Submit: This option is enabled if you have specified a limit on the number of characters. When you enable this option, the users' input is automatically submitted when the limit is reached without them having to click Submit.
  • Numbers: Click if you want only numeric data to be entered by users.
  • Uppercase: Click if you want only uppercase characters to be entered into the text entry box. All characters that are typed into the box are automatically converted to uppercase even if users type them in lowercase.
  • Lowercase: Click if you want only lowercase characters to be entered into the text entry box. All characters that are typed into the box are automatically converted to lowercase even if users type them in uppercase.
  • None : Click to remove all restrictions that you have set (numbers, uppercase, or lowercase).

7

Indicates the name of the variable that stores the value entered in the text entry box by users. To specify a different variable name, click the ‘X’ icon, type the name of the variable, and click Ok.

Text properties

Text properties
Text properties

1

Indicates the background color of the text entry box. To change the color, click the Fill box and click a color in the color palette.

2

Set the following font properties:

  • Character
  • Style
  • Size
  • Format
  • Color

3

Set the following properties:

  • Shadow: Select the check box to apply shadow to the text entry box.
  • Direction: Select the direction: inner or outer. The preview of the selected direction is displayed on stage.
  • Presets: Click one of the images in Presets to apply a shadow with a standard angle, distance, blur, and color settings. You can customize these settings using the appropriate options in the Shadow accordion.
  • Color: Click to select a color for the shadow. Specify the alpha for the color, in percentage, in the adjacent field.
  • Blur: Specify a value, in pixels, for the blur of the shadow.
  • Angle: Specify the angle for the shadow.
  • Distance: Specify the distance, in pixels, at which the shadow must be displayed.
  • Reflection: Select the check box to add reflection to the text caption. Choose one of the presets.
Note:

When you change the properties in this section, the object style in the General section is prefixed with a ‘+’ sign. This indicates that the style is now in a overridden state. For more information on object styles, see Object style.

Actions tab

Properties in Actions tab
Properties in Actions tab

1

Specifies the event that occurs when a user clicks the box. For the description of the available options, see Project navigation using interactive objects.

2

Allows users an unlimited number of attempts.

3

Specifies the number of times the user can attempt the question before the specified action takes place. By default, the number of attempts allowed is infinite. To specify a number, clear the Infinite Attempts check-box and then click the numeral associated with the Attempts option.

4

ou can specify a keyboard shortcut for the mouse-click. Users can use the keyboard shortcut instead of the mouse. For example, suppose you select Control+Shift+Enter as the keyboard shortcut for the mouse-click. The click is treated as correct (a click within the box) when users press this combination. If they press the wrong combination, it is treated as a click outside the box.

Note: If your Adobe Captivate project is displayed in a browser, set keyboard shortcuts that do not conflict with common browser shortcuts. For example, F1 is frequently used as a keyboard shortcut to display Help. The Control, Alt, and Shift keys map to the Control, Option, and Shift keys on Macintosh® computers, respectively.

5

Select the action that should be performed when the user presses Enter or Tab.

Success and failure text options

Success and failure options
Success and failure options

1 Select this check-box to include a caption to be displayed when the user submits a correct answer.
2 Select this  check-box  to include a caption to be displayed when the user submits an incorrect answer.
3 Select this check-box to specify a hint to be displayed to users. The hint is displayed when the user moves the mouse over the click box.
4 Select this check box to pauses the project until all success and failure captions are displayed.
5 Adds a Submit button to the text entry box by default. Click the button to change its properties such as the label for the button and the formatting of the characters in the label.
6 Displays a scroll bar when the user exceeds the space available in the text entry box.
7 Considers the text entry box as a question in the current quiz. The points assigned to this box are added to the score results of the current quiz.
8 The score that you want to assign to the question. The maximum is 100 points, the minimum is 0. The points assigned to this text entry box are added to the score results of the current quiz.
9 Includes the points for the correct click in the total score.
10 Sends the quiz score to the learning management system (LMS).
11 Sends tracking information to your learning management system. Use the interaction ID specified by your learning management system.

Options tab

Properties in Options tab
Properties in Options tab

1

Allows you to associate an audio with the click box.

2

Use this section to define the exact size or location of the text entry box in terms of pixels. You can also specify the rotation of a text entry box in this section.

  • X: Position of the text entry box on the X-axis.
  • Y: Position of the text entry box on the Y-axis.
  • W: Width of the text entry box.
  • H: Height of the text entry box.

3

  • Constrain Proportions: Maintains the height-to-width ratio of the text entry box when you resize it.
  • Angle: The angle of rotation of the text entry box.

Timing inspector

Timing inspector properties
Timing inspector properties

1

Specifies how long the text entry box is displayed on the slide.

2

Specify the time in seconds.

3

Specifies the delay between the first appearance of the slide and the first appearance of the text entry box.

4

Specifies the point at which the project pauses so that the user can enter text in the text entry box. The project continues only after the user submits the correct answer.

Example 1: Creating a text entry box

In this example, use a text entry box to capture text and display the text back on a different slide.

  1. In a responsive slide, click Text > Text Entry Box. Add a vertical Fluid Box.

  2. Stretch and expand the Text Entry Box so that it looks like the one shown below.

    Text Entry Box expanded
    Text Entry Box expanded

  3. Set the following properties for the text entry box:

    • Set the default text to "Write your answer here"
    • Select the check-box Retain Text
    • Select the check-box  Show Text Box Frame
    • Set the maximum length of the text to 250
    Text entry box properties for example 1
    Text entry box properties for example 1

    In the Actions tab, set the following properties, as shown below:

    • Select the check-box Infinite Attempts
    • Choose Go to the next slide in the On Success drop-down list

    Also, choose the option Show Scrollbar.

    Actions tab properties for example 1
    Actions tab properties for example 1

  4. In slide #2, insert the text entry box variable, so that in runtime when you enter text in the text entry box and click Submit, the text displays in slide #2.

    Insert a text caption and click [X] in the Property Inspector for the caption. The following placeholder displays:

    $$Text_Entry_Box1$$

  5. In slide #1, in the Fluid Box options, set the Padding properties for the text entry box, as shown below:

    Fluid Box properties for example 1
    Fluid Box properties for example 1

  6. Preview the project. Add some text into the text entry box, and when you click Submit, the text appears in the second slide.

    Sample output text
    Sample output text

Example 2: Creating a text entry box to validate null values

In this example, use a text entry box, which does not accept an empty (null) value as input. Set the properties such that the text entry box only accepts a pre-defined value.

  1. In an empty slide, insert a Text Entry box. Also, insert a smart shape that displays an appropriate caption when you click the Submit button without entering any value.

  2. Create two variables, v_name and v_null. Using these variables, you can compare if the entered name is empty or non-empty.

  3. Create an Advanced Action, where you compare the values, and if the value of v_name is null, the smart shape displays, which is hidden initially.

    Advanced Action for example 2
    Advanced Action for example 2

    In the ELSE section, choose Actions as Go to Next Slide.

  4. In slide #2, insert a smart shape, which displays a name that you have entered in the text entry box. The smart shape includes the variable name for the name to enter. For example,

    Hello $$v_name$$

  5. Preview the project. If you click the Submit button without entering any name, the Try again caption appears.

    Try again caption when null
    Try again caption when null

  6. Preview the project again. Enter any text and click the Submit button. You can now see the entered text appearing in the next slide.

    Display entered text
    Display entered text

Example 3: Creating a text entry box and using Success and Failure captions

In this example, use a text entry box, which when accepts a value, displays Success or Failure captions depending on the value.

  1. In an empty slide, click Text > Text Entry Box.

  2. In the Property Inspector, in Style tab, choose the option Validate User Input.

    You can set the Correct entries by selecting Validate User Input from the General group on the Properties panel and then specify the terms in the Correct Entries dialog box.

    Click + to add more entries.

    For example,

    Correct entries for example 3
    Correct entries for example 3

  3. In the Actions tab, choose the Success, Failure, and Hint options, and set the respective captions, as shown below:

    Options for example 3
    Options for example 3

    Also, set the following:

    • Choose On Success drop-down list to Continue
    • Select the Infinite Attempts check-box
  4. Preview the project. When you enter Real Madrid and click Submit, the Success caption appears.

    Correct answer for example 3
    Correct answer for example 3

  5. Preview the project again. When you enter a value other than Real Madrid and click Submit, the Failure caption appears.

    Incorrect answer for example 3
    Incorrect answer for example 3

Download sample projects

To learn more about Captivate and how you can create engaging learning content, download the following projects:

Dapatkan bantuan lebih cepat dan lebih mudah

Pengguna baru?