Setting focus to text entry box in Storyline

Glad to hear it, Amy. Thanks for popping back in with an update.

Has anything more been done so a text box can be assigned focus? I understand the proposed solutions, but I'm hoping there's another way.

If you are using Fill-in-the-blanks slides

My colleague wrote a piece of JavaScript for me that focuses directly on the text entry field. Note that this works if you have a single TextEntry field on a fill in the blanks question slide, I do not know if it works for NumericEntry.

setTimeout(function(){
var inputs = document.querySelectorAll('.shown input[type=text][role=presentation]');
console.log('n',inputs.length)
if(inputs.length) inputs[inputs.length-1].focus();
}, 90)

I put it in the trigger 'Execute Javascript when timeline starts on TextEntry'.

I know that this may be an old topic, but I just had a need to do this, so I went back to my old notes to see how I got it to work. You don't have to put your elements on a master slide. Put them in the slide like you would any other slide.

To get the text box to receive focus, place the text box on a layer by itself. When you want to activate the text box, just activate the layer where it lives.

You can do it when the slide starts by setting a trigger to activate the layer when the timeline starts. You can then place anything that you want on the base layer, and the text box will receive focus when the layer that contains it is activated.

Hi all,

please tell me how to show text field blink when course start. It indicate the user to fill text in that field. I am using storyline 3.

Hi, Santosh.

Thank you for sharing your .story file!

If you move the Text Entry field to the bottom of the timeline, the cursor should blink when the slide starts:

Let me know if this works!

HI Santosh,

You used to be able to solve this by moving everything to layers, but that doesn't seem to work anymore. So I've created a work around that you can use.

1. Insert your picture and move it to the bottom layer
2. Press Ctrl-C to copy the picture, and then Ctrl-Shift D to paste the picture 3 times, so you have 4 copies. Using Ctrl-Shift D copies the pictures in the exact same location.
3. Move the 3 copies to the bottom layers with the first picture.
4. Use the crop tool to crop the pictures to the four sides of the input text box, one for each side.
5. Select the input text box, and move it to the bottom layer.
6. Your project should now run with the image showing, and the cursor blinking in the input box.

I've created an sample of how I did this for you.

Hi Maria, 

I think this should be something that you can do in Storyline. Please mention this to your engineering team.

Thank you,

Dave

Just wanted to add to this thread, as I was having difficulty with automatically setting focus to text entry and numeric entry fields.  Currently using SL360 v.3.57.26407.0.

By default these fields were at the bottom of the timeline, but were not taking focus, despite the focus order. What solved this was to move them up in the timeline, and then back down to the bottom of the timeline. 

Hi David,

Good morning!!!

Please share the file