How do I show a hand cursor for a text entry box button

Hi all. I had a similar problem with a Training/Software Simulation. Basically it's a login form for a web based app. I've made a 2 step login interaction. My goal was to provide this functionality:

1. Enter a username in a text entry box. Validate the username for "admin" (not case-sensitive). Advance to the next screen with "Tab" or click on the password filed.

2. Enter the password in a text entry box. Validate the password (case-sensitive). Advance with "Enter" or click on the Login button (part of the underlying screenshot).

By using the Submit button of the Text Entry Box we can not make the cursor change to hand so the User/Student doesn't have the visual confirmation.

I used the Advanced Actions for the password but I wasn't able to use them also for the username filed because there is no action that can compare non Case-Sensitive string. So I will describe here the "Execute JavaScript" solution here.

Username step

1. Insert a Text Entry Box. Checkboxes checked: Retain Text, Validate User Input, Infinite Attempts. On Success: Go to the Next Slide. I've set the "Tab" key for entry confirmation.
2. Set a meaningful variable name for the Text Entry Box. My is "_username".
3. Insert a rectangle shape where the password field is and check "Use as Button", "Infinite Attempts", "Hand Cursor". Make all states of the shape/button transparent. On Success: Execute JavaScript. Type/paste this code into the "Script_Window":
   ***************
   var usernameTmp

   usernameTmp = _username.toLowerCase();

   if (usernameTmp=="admin") {
   cp.goToNextSlide();
   }

   ***************
   Where "_username" is the name of the variable of the Text Entry Box.

Password step

1. Insert a Text Entry Box. Checkboxes checked: Retain Text, Password Field, Validate User Input, Infinite Attempts. On Success: Go to the Next Slide. I've set the "Enter" key for entry confirmation.
2. Set a meaningful variable name for the Text Entry Box. My is "_password".
3. Insert a rectangle shape where the original Log In button is and check "Use as Button", "Infinite Attempts", "Hand Cursor". Make all states of the shape/button transparent. On Success: Execute JavaScript. Type/paste this code into the "Script_Window":
   ***************
   if (_password=="YourPassword") {
   cp.goToNextSlide();
   }

And that's it. There is one drawback tho. Now you can preview the project only in "HTML5 in Browser" mode for those slides where you use the JavaScript method.

Some Captivate JavaScript refference:
https://elearning.adobe.com/2019/09/getting-started-javascript-adobe-captivate/

If there is anything unclear feel free to contact me.

Cheers,

Igor

Hello Denalii,

Although "Show hand cursor over hit area" is not available on Text Entry Box (Submit Button)

As you mentioned in your post that you have a screenshot image on your presentation and you are hiding the submit button.

So what you can do you can insert a rollover caption on that submit button which will prompt a message "Click here to submit your Answer", once user move moved the mouse on the submit button, it looks like this :

Hope this helps.

Thanks