Problems with the Next button (SL360)
Mar 23, 2018
In the second of his gamification webinars, Tom Kuhlmann demonstrated how to personalize the gamification environment by allowing the user to input his name and choose an avatar.
The user is presented with a slide containing 2 avatars and a text input field. He has to type his name in the text field and select an avatar before he can move on to the next slide. The “Next” button remains disabled until a name and an avatar have been selected.
There are 2 problems with this slide and I wish someone could help me figure them out, because I would like to use this technique in my course.
First problem
The “Next” button becomes available only when I make my choices in this order: first typing my name, and then selecting an avatar. If I reverse the order (select the avatar first and then type my name), the “Next” button remains disabled until I click the other avatar.
Second problem
After typing my name and selecting an avatar, the “Next” button becomes available. However, if I delete my name from the text field, the “Next” button remains available. I can then move on to the next slide without having chosen a name. Is there a way to prevent this?
I have included Tom’s example file.
12 Replies
The control has to lose focus on the text entry so I presume that is the reason for selecting the avatar. There is no real way around this
For the second point you can add a trigger to the next button the only jump if the text variable is not equal to blank and then popup a warning
the “Next” button remains disabled until I click the other avatar.
Like Phil said, the text entry isn't accepted until the enter box loses focus, and actually you can cause it to lose focus by clicking anywhere, not just the avatar.
Solution: Hide the avatars and show the name entry with instructions and something to click to advance. That fills the name entry, and if you use Phil's suggestion, if something is clicked and the text entry is full, you can show the avatars. Then they can see and select the avatar.
That's what I thought also, but it doesn't seem to lose focus when I click outside the text box.
Hi JC
can you share the .story file that you have built or are you using the one above that was Tom's example file?
Hi Wendy,
Here is the file I've been working on. It is built the same way as Tom's demo file.
Hi JC
I'd do it a little differently - see updated file that may help.
And here's another method.
Many thanks for your help Wendy and Walt. I will probably end up combining both methods! But I'm still puzzled as to why my method doesn't work, ie why the enter box does not lose focus when I click elsewhere on the slide
Hi JC
Not sure why but here is another sample using the 'when user clicks outside' in the trigger.
Hey Wendy,
Wow!... this works exactly the way I expected. Thank you !!!
JC
Hi JC
my only concern would be is it intuitive for the learner to 'click outside'? You give the instruction to select the avatar and type their name but while the Next button is in a greyed out state they might be a little confused. That's why I would make the Next button disabled state similar to the Normal state so it looks like its clickable
Just my 2 cents worth - all the best with your project.
But I'm still puzzled as to why my method doesn't work, ie why the enter box does not lose focus when I click elsewhere on the slide
It did, you just didn't notice it because it was setting a variable that nothing else in the project referenced.
Change this trigger to Set name instead of TextEntry1, and you'll see it
This discussion is closed. You can start a new discussion or contact Articulate Support.