June 5, 2019
Turn off autocomplete in text entry boxes
Comments
(9)
June 5, 2019
Turn off autocomplete in text entry boxes
I've been an eLearning designer and developer since 2005. In 2015 I started my own eLearning design company. I began creating Adobe Captivate video tutorials to help promote my business through my YouTube channel at https://youtube.com/captivateteacher. My intention with my YouTube videos was to attract attention from organizations looking for a skilled Captivate developer. This strategy proved successful as I've worked with clients worldwide, helping them build highly engaging eLearning solutions. In addition, my YouTube channel presented another benefit of attracting aspiring Captivate developers to seek me out as a teacher. I now offer online and onsite training on Adobe Captivate, teaching users the skills to build engaging and interactive learning.
Legend 639 posts
Followers: 924 people
(9)

I was wondering if anyone with some HTML skills might know how I can prevent my eLearning courses with text entry boxes from displaying previous entries. For example, if I have a name field in a software simulation and an end user clicks on the field, it might display content that was previously entered into other forms or content that was entered from previous attempts. Is there a way to prevent this?

I’m using Captivate 2019 Update 1.

9 Comments
2019-07-17 17:45:21
2019-07-17 17:45:21

Are any of the answers provided here a solution for automatically disabling the autofill feature used by browsers (mainly Chrome)? For our purposes, we don’t want a Clear button, but would simply like to disable the functionality completely.

Note: I have personally disabled the feature from my Settings in Chrome. (click three dots “Customize and Control Google Chrome” > select Settings > Autofill section, expand Addresses and More > toggle this option to Off) This works fine, for me. But, for an end user who may not have that disabled/turned off on their own device, I’d like the ability to do that for them behind the scene (using JS or any other suggestion). Thanks!

Like
(2)
(3)
>
Brandon Smith
's comment
2019-07-18 02:10:48
2019-07-18 02:10:48
>
Brandon Smith
's comment

I was wondering the same. What I was hoping for was a simple line of Javascript perhaps at the beginning of each module. I’m not crazy about doing this much programmatic stuff for each and every text entry box that might exist in a project.

Like
>
Paul Wilson
's comment
2021-01-29 16:30:54
2021-01-29 16:30:54
>
Paul Wilson
's comment

Did you ever get a solution to this? It would be great to be able to add the appropriate attribute to the template.

Like
>
Paul Wilson
's comment
2021-01-30 03:49:25
2021-01-30 03:49:25
>
Paul Wilson
's comment

Did you ever find a solution to this?

Like
2019-06-10 06:52:06
2019-06-10 06:52:06

The final image.

Keep up the good work.

Attachment

Like
2019-06-10 06:50:32
2019-06-10 06:50:32

Here is the second image:

 

Attachment

Like
2019-06-10 06:48:30
2019-06-10 06:48:30

Hello I am updating the answer for Captivate 2019, there are a few different.

In Captivate  the label for TEB is Text_Entry_Box_My.

Now create a SmartShape and on the Actions –> Execute Javascript

enter the following    $(“#Text_Entry_Box_My_inputField”).val(“”);

The inputField is the key. The secret behind this whole thing is to use

the browser inspector to find the label. Take a look at the images.

Image1 – the symbol for the inspector is the wrench – click  to open it

Image2- the input id=”Text_Entry_Box_My_inputField”,  now we know the name.

Image3- The TEB is clear.

 

 

Attachment

Like
2019-06-09 16:51:43
2019-06-09 16:51:43

If you have a TEB you’ve named “MyInputText”, Captivate will then output a textfield
with the ID of “MyInputText_inputfield”.

You can access this text field and clear
its contents with the following code:

$(“#MyInputText_inputfield”).val(“”);

If you want it to have focus, them use the following code:

$(“#MyInputText_inputfield”).val(“”).focus();

Add the above code to the Script Window, for your “clear button” to execute JavaScript.

Like
2019-06-07 10:39:16
2019-06-07 10:39:16

Hello Paul, remember when you did the event video  with play and pause, the code that you used was jQuery. Do the same to clear the text entry box.

eg:     to reset the form $(“#myform”)[0].reset();

or      $(‘#myform’).find(‘input’).val();  (this is the best solution)

 

html sample:
<form id=“myform”>
<!– additional info –>
</form>

Now the jQuery to reset the form $(“#myform”).reset();

You can also used the trigger function, but these methods
are only going to reset the form to their initial value.

eg: $(‘#myform’).trigger(“reset”);
The jQuery lib ver 3.3.1 is part of Captivate.

Like
Add Comment