Storyline 2: How can i keep focus within a text entry field? [HTML5]
Oct 27, 2017
Hi Gang,
I've ran into a problem with my project that revolves around how differently the slides tend to act when compiled into HTML5.
[Note: My slides are generated via a screen recording]
I am simulating a piece of software that my company uses and i want the user to input some text into a 'text entry field' that's presented to them from the start of a slide, this works fine when the slide loads the text entry field is in focus and the user can immediately type. Now i want to put in a few fail safes so if the user mistakenly clicks anywhere within the slide (thus losing focus on the text entry field) it will force the focus back onto the text field.
In FLASH it works like a dream, when the slides loads the text field is in focus and the user can enter text directly without needing to use any mouse input, and if the user accidentally clicks somewhere they shouldn't (thus the text field losing focus) there is a trigger set to simply jump to the same slide when the entry field loses focus (thus reloading the slide instantly and putting the text field back into focus).
But when i compile in HTML5 it's not so simple, for starters the text field that's generated through the screen recording doesn't default into focus (even though it's the only item on the timeline). Thus not only denying me the implementation of the fail safe but it also fails me as a valid simulation for my project as the slide doesn't focus the text field at all now.
Is there anyway around this
Thank you kindly
James
9 Replies
Sorry you're running into that, James. We've got this documented as a bug in Storyline 2, and we're monitoring how many customers are seeing this and the impact it's having on courses.
Here's some more detail about how we tackle bugs. I'm really sorry that I can't say if this issue will be fixed, but you're in the right place to stay updated on this bug's progress.
In the meantime, Rex shared a workaround in this thread that might be helpful to you.
James, I think what you want can be accomplished, but the field in question would have to be inserted into the project as a web object. Let me know if that might work for you, and I'll work up a demo.
Hi Michael,
I must say i have never used a web object within storyline, i've had a quick look around the internet and it appears it has potential but i'm unsure, i would be really greatful for a little working demo to explore and dissect.
Thank you
Hi Michael,
I must say i have never used a web object within storyline, i've had a quick look around the internet and it appears it has potential but i'm unsure, i would be really greatful for a little working demo to explore and dissect.
Thank you
James, I just want to confirm that you are using Storyline 2. Also, did you try implementing Rex's workaround listed above? I was going to look to see what he did first.
Hi,
Yes i have tried Rex's work around which seems to work great in FLASH but not in HTML5 :/
Ok, I'll go another route then. This specifically with using a text entry field in a screen recording, right? Thanks.
Yes it is, i believe (if memory serves me correctly) it also applies to text fields placed manually
(Yes i'm using Storyline 2)
For now I'm just trying to get the input field working without a screen recording or anything. I've got the web object inserted, and the input field does hold focus once it's clicked on, but automatically setting focus in the first place is turning out to be a problem. I should be able to do this with a javascript trigger, but I would need the id (name) of the iframe of the web object, and the published output doesn't give it an id. I'll keep trying, take a look at what I have so far. I don't want to have to resort to editing the published output...
This discussion is closed. You can start a new discussion or contact Articulate Support.