Storyline text entry : All caps/Uppercase

Hi Salome';

I don't know how you've developed your project so I'm not sure if this solution will work for you;

what about setting up the reference for the variable All Caps? when the user writes it still be lower case but as it loses focus the variable reference would show All Caps;

check the file, it will make more sense;

hope this help;

best regards.

Hi Stefano,

Thanks a lot for your answer, it's a great idea !
The problem is that I don't want tt have to different text on my slide : I have several text entries and i would like them to be in capital letters directly in the text entry, it would make more sense for the exercise.

How many text entries do you have in the project? I can think of a way to do this but it could be more work than it's worth if you have a lot of them.

I have something like 20 text entries in my project and on the specific slide I am working on, I have 8 text entries.
I am curious, what ayre you thinking about?

I was thinking that a web object could be used for the text entry box. I think this would allow you to change all of the text entered into uppercase. Then that value could be fed to the variable used for the real text entry. If I get time today I'll try to create a working demo.

Hi Salomé,

I don't know if you still need to find a solution.

In a course I had the same need, to automatically show in capitalized letters what the user typed in a text entry field, while he was typing.

I solved it by executing this javascript when timeline starts:

$('input[type="text"]').css('text-transform','uppercase')

Hope it can help you!

Ciao,

Tania

Hi Tania,

I like the elegance and simplicity of a single line of javascript, but I don't see this working in your sample.  Is there an update to this method?

Thanks,

William.

Buenos días. He leído todo lo posible en los posts para que una letra se ponga automáticamente en uppercase, pero no he conseguido encontrar la manera de implementarlo. Como necesito tener un puzzle con uppercase para este lunes, le he dado mil vueltas y al final me ha salido esto:

https://edittec.com/demos/conoceme2/PORFIN/index.html

Si la montaña no viene a mí, entonces mejor que yo vaya a la montaña.

Por cierto, la montaña está aquí:

https://fonts.google.com/specimen/Alegreya+Sans+SC

A colleague helped me with this: 

Add a trigger on the text entry field:
Execute javascript when TextEntry changes.

var player = GetPlayer();

var newVar = player.GetVar("TextEntry");

newVar = newVar.toUpperCase();

player.SetVar("TextEntry", newVar);

(In this example, the variable is called "TextEntry".  You'll need to adjust the javascript if you have renamed the variable.)
 

I have the same questions about capital letters directly in the text entry.  Sorry, I couldn't follow everything you said above. Are you able to send a sample file? 

Hello! I tried William's code and it worked for me, but I actually need the learner to enter their first and last name for use in a certificate and I'd like for it format both names with a capital letter. Does anyone know or have a code snippet for changing the text entry value to title case? Thank you!

I haven't tried it, but you could try swapping "toUpperCase" to a function called "toTitleCase".  See this article: https://stackoverflow.com/questions/196972/convert-string-to-title-case-with-javascript .  

Hi William, I wanted to thank you for these lines of code:

var player = GetPlayer();
var newVar = player.GetVar("TextEntry");
newVar = newVar.toUpperCase();
player.SetVar("TextEntry", newVar);

In my case I needed lowecase and your code snippet helped me out.

Many thanks,

Barry 

You're welcome, Barry!