Adobe Captivate: Text Entry Box Buttons

I've had this problem sent to me via email several times in the past few months so I felt it warranted an explanation here…
 
Here's the scenario: You want to add a Text Entry Box to your Captivate simulation and allow users to type something into a field within a dialog box; and then allow them to either press [enter] on their keyboard or click the OK button to close the dialog box.
 
If I was to approach this challenge logically, I'd go ahead and insert a Text Entry box (Insert > Text Entry Box) on a slide. On the Text Entry Box tab, I'd type the correct entry into the Correct entries field.
 
Text Entry Box showing the correct entry
 
Then I'd use the shortcut keys area of the dialog box to attach a keyboard shortcut to the Text Entry Box. In the picture below, Enter is set as the shortcut.
 
Shortcut key attached to a Text Entry box
 
It's at this point that many Captivate developers go wrong. As I said at the outset, I've received several emails where developers also want to allow users to click a button (like the OK button) or press the [Enter] key. Again, following logic, they choose Insert > Button and add a transparent button onto the slide. Then they simply drag the button over the image of the OK button. Done! Not!
 
Upon previewing the slide, developers then discover that they can either type in the Text Entry Box or click the OK button (without typing anything in the Text Entry Box), but not both. Huh? What gives?
 
The problem isn't really a problem. Captivate has already assumed that you might want a clickable button on the same slide as a Text Entry Box (that works with the Text Entry Box). Curious how to get this "companion button" to appear and work with a Text Entry Box? Read on…
 
Show the properties of the Text Entry Box (you can right-click the box and choose Properties). On the Options tab, select Show button and then click OK
 
Show Button selected
 
In the picture below, you can see the button that goes with the Text Entry Box (it's the one that says submit) and the OK button you'd like users to be able to actually click. The final trick will be to make the button transparent so move it into position.
 
Text Entry Box button and the OK button
 
Show the properties of the submit button (you can right-click the button and choose Properties). Change the Button type to Transparent, change the Frame width to 0 and the Fill transparency to 100. (You can also attach a shortcut key for good measure.)
 
Submit button made transparent
 
Preview your work. You should be able to type text into the Text Entry Box and either press [Enter] or click the OK button.
 
Nice!

 

Do you have a Captivate production problem that's making you pull your hair out? Email your problem and let others learn solutions from your experience.
 

 
Want to learn more about Captivate? Click here.

6 Replies to “Adobe Captivate: Text Entry Box Buttons”

  1. I have a computer application capture that I want to just have the user type in text and if they type in the right text the timeline moves on without having to click a button or press enter, is this possible in captivate 3?
    I am trying to simulate something like as follows:
    Caption 1: “The (whatever) field is used for (blah, blah, blah). Type “ABC” in the (whatever) field.”
    They type ABC in the field and the timeline moves on (without pressing enter or a button).
    Caption 2 appears. “Now click the (whatever’s next) field.”
    Currently it looks like I have to have a caption stating “The (whatever) field is used for (blah, blah, blah). Type “ABC” in the (whatever) field, then click the (whatever’s next) field.”

  2. I have a computer application capture that I want to just have the user type in text and if they type in the right text the timeline moves on without having to click a button or press enter, is this possible in captivate 3?
    I am trying to simulate something like as follows:
    Caption 1: “The (whatever) field is used for (blah, blah, blah). Type “ABC” in the (whatever) field.”
    They type ABC in the field and the timeline moves on (without pressing enter or a button).
    Caption 2 appears. “Now click the (whatever’s next) field.”
    Currently it looks like I have to have a caption stating “The (whatever) field is used for (blah, blah, blah). Type “ABC” in the (whatever) field, then click the (whatever’s next) field.”

  3. I have a computer application capture that I want to just have the user type in text and if they type in the right text the timeline moves on without having to click a button or press enter, is this possible in captivate 3?
    I am trying to simulate something like as follows:
    Caption 1: “The (whatever) field is used for (blah, blah, blah). Type “ABC” in the (whatever) field.”
    They type ABC in the field and the timeline moves on (without pressing enter or a button).
    Caption 2 appears. “Now click the (whatever’s next) field.”
    Currently it looks like I have to have a caption stating “The (whatever) field is used for (blah, blah, blah). Type “ABC” in the (whatever) field, then click the (whatever’s next) field.”

Leave a Reply

Discover more from The Logical Blog

Subscribe now to keep reading and get access to the full archive.

Continue reading