We've identified that text entry fields that are added to a slide using Storyline 360 do not register if the user enters a value and then immediately clicks a Submit button when using a mobile device. In order to get the value to register, the user needs to click outside the text entry field before clicking the Submit button. On a MAC or PC, the text entry value does register when the Submit button is clicked. Does anyone know of any workarounds, other than to provide instructions at the start of the course?

Hi All, I have a work around for the issue above. Add an Execute JavaScript trigger to your Submit button (before all other Submit button triggers fire) and run the following JS: document.activeElement.blur(); This will remove the focus from the active text entry field (closing the mobile keyboard) and therefore commit the text entry to the associated variable prior to the Submit button assessing correct/incorrect.

Hello folks, We are currently experiencing a similar issue as the original post of this thread. The Issue on Mobile Devices:By default in the latest Storyline program when you create a Text input box it automatically creates and assigns a variable and registers its value when the object loses focus. When you use a text entry object in Articulate Storyline, the text you type in the field does not get registered until the field loses focus. That means you need to click outside the field (for example, on a button) to make the the text entry field losing its focus. We are reading mixed messages in forums of some users blaming the Keyboard after iOS13,and others are saying it is a bug with Storyline that has not been resolved. We know for a fact this issue was not present in the June 19, 2018 (Build 3.17.16117.0) because we had our courses QC and iPad issues were not there. We are currently using V 3.38.24 as of 21-4-12. Our main issue now is the Mobile keyboard is always active, when you tap outside the field we can't get the Save+next button to lose focus. We are testing on iPad using the latest iOS. This does not happen on Desktop. Solution: We currently have a solution that involves JavaScript. What we do is add one extra line after publishing the files (We already reference to JQuery in our index lms) <script src="/client/name/businessPlan/js/jquery-3.2.1.min.js"></script> It’s using JavaScript and jQuery (therefore, it won’t work in the mobile app AMP). It only works on HTML5 JS Code will be placed in your Master slide/Your theme slide, it will not effect anything else: var p = GetPlayer(); var placeHolderText;$(":input").each(function() {var place = $(this).attr('placeholder');if (place !== undefined){ placeHolderText = place.split("|"); if (placeHolderText.length==2){ $(this).data('bd_place',placeHolderText[0]); $(this).attr('placeholder',placeHolderText[1]); $(this).bind('input propertychange', function() {p.SetVar($(this).data("bd_place"),$(this).val());});}} }); This also helps you to monitor what the user is typing letter by letter. This is the screen inside Storyline. It has the intro text. The text entry field. The placeholder text inside the field is important. Normally, it’s just what you want the user to see as a hint. This time, it contains two pieces of information, divided by “|”. The first part is the name of the Storyline variable (in this case, answer), the second is the actual text you want to display for the user. answer|[Type your text here] or answer|[Escriba su texto aquí] The program will remove the Storyline variable name in our case "answer", so the user won’t see it. However, when the user types in the field, the program will update this variable instantly. 2nd solution not tested: Execute JavaScript trigger to run at timeline start: $(function() {$("input").keyup(function() {$(this).blur();$(this).focus();});}); Basically it causes the active input element to lose focus very briefly after every keystroke, thereby activating the "control loses focus" trigger, to which you can attach any action you like on a case-by-case basis. Resources: https://community.articulate.com/discussions/articulate-storyline/entry-text-without-losing-focus https://www.rabbitoreg.com/2018/04/22/articulate-storyline-text-entry-without-losing-focus/

Hi there Lu, Thanks for sharing your findings here. I've heard of a similar issue in Storyline 2, but I haven't seen this reported for Storyline 360. I'm going to do some testing, and I'll come back when I have more information!

Hi Lu, Thanks for your patience. I created a test file and uploaded it to SCORM Cloud for testing, and it seems to work as expected on mobile devices. Here's a link to the file for you to test, as well. I'm interested to see if your file is set up differently than mine. Are you able to share it here in the forums?

Hi Alyssa, thank you for the follow-up. I did some research and created a scenario similar to the course we launched that has caused the mobile issues and tickets. It appears that it's the closing of the keyboard that sets the value. If a manual submit button is added (not on player) to the slide and triggered with variables and that button is clicked before closing the keyboard on the iPad, the value isn't set. I loaded a 2 slide course into SCORM Cloud to show this. The first includes a text entry that is built with variables around the submit button (no quiz slide). If you click Submit before closing the keyboard, the value doesn't register. The second slide is one built with the convert to freeform text entry and uses a Submit button in the player. This slide works fine, likely because the keyboard has to be closed to access submit arrow. https://cloud.scorm.com/sc/InvitationConfirmEmail?publicInvitationId=6577ce54-21c6-474d-8b0e-6fa06bafd52e I assume this is expected functionality of the iPad. We can add a starter explanation slide to the course to explain the need to close the keyboard before submitting. Thanks so much for your help. Lu

Text Entry fields not setting when control loses focus in mobile devices (Storyline 360)

84 Replies

TonySundell
Community Member
8 years ago
I have this same problem when using on mobile: the text-field never loses the focus. I can't enter the numeric entry to numeric field by pressing "done/submit" in my phone's keyboard hence the number never gets passed to numeric field.
TonySundell
Community Member
8 years ago
I am having this issue with (Moodle based LMS) Storyline 360 on Android. The keyboard does not deactivate regardless of pressing "enter" or "submit" on the keyboard and only way to exit keyboard is to use "back" button in the device. This however does not deactivate the number field hence there's no passing the input into variable either. Pressing "answer" button I've build for the course then gives incorrect results.
AlyssaGomez
Staff
8 years ago
Hi Tony,

Happy to investigate this with you! Does this problem only happen on Android? Have you had the same experience when testing the output on SCORM Cloud?

We'd love to help you test this, if you don't mind sharing your file here. If there's a bug lurking, we want to know about it!
- TonySundell
  Community Member
  8 years ago
  Hey there Alyssa,
  
  Sure, you’ll find the file as an attachment. The course is in finnish, but the interface is simple enough to understand without the given language.
  I registered with SCORM Cloud and tested the file there as well alas no luck with this one either. The error repeats itself in SCORM Cloud too.
  
  Error repeats on Android mobile, using Chrome browser. PC Windows 10 with Chrome worked just fine. I have not tested, nor do we have machines to test the material with any Apple products 😊.
LeslieMcKerchie
Staff
8 years ago
Thanks, Tony. I see that you were able to reach out to our support team and Anna is helping you out :)
GretchenJohanso
Community Member
8 years ago
Hi,

I am having the same issue with the text field on PC. I set the slide trigger to advance when the TextEntry is equal to Learning Goals. I cannot get the slide to advance at all. I have tried it without a submit button and with a submit button; clicking outside the text box after entry, and even hitting the enter button. Nothing happens. I have attached a screen shot of how it is set up. Please advise how to make this work.
LeslieMcKerchie
Staff
8 years ago
Hi Gretchen and welcome to E-Learning Heroes :)

Thanks for reaching out and letting us know what you are experiencing in your course.

We've seen some issues with the virtual keyboard on mobile devices, but you mention having the problem on a PC, and it sounds like you are aware of changing the focus out of the text box.

Would you be able to share your .story file for us to take a look? Even a sample project with this slide would be helpful. If you cannot share it here in the forums, you are welcome to share it here privately.
- AndreaCagli
  Community Member
  8 years ago
  Hello everyone,
  
  same problem here: at the beginning of one of our courses we show an entry text that lets the user pick their own name. It used to work until some times ago, but now on mobile we can only write the name. We cannot confirm it and we cannot proceed on the slide.
  
  This being on the very first slide of a project, you can imagine how our client is reacting. We are trying some workarounds, but we'd also like to know what is causing this. Maybe the last update?
  
  Thanks for all the support you can give us.
LeslieMcKerchie
Staff
8 years ago
Hello Andrea,

Thanks for reaching out and letting us know what you are experiencing in your course.

Does it sound like the issue that has been reported here where the text entry is not being set, and the virtual keyboard is still present? Is that what you see as well?

Would you be able to share your .story file with our team here as we continue to investigate?
NejcZD
Community Member
7 years ago
Aaron, what device is the problem? I just tried this with my iPad and it works fine.

I do have a suggestion for a workaround.
LeslieMcKerchie
Staff
7 years ago
Hi Timo,

I scrolled back through this conversation and I'm not sure we ever nailed down the issue that you were running into.

I wanted to share some information on how we define bugs and how we tackle them when they occur as that sounds like what you may have been referring to in your latest reply.
DanielFerreira
Community Member
7 years ago
I am having the same issue described in the original post.

My Storyline is up to date.

Maybe this was broken in a later version of Storyline?

Forum Discussion

Text Entry fields not setting when control loses focus in mobile devices (Storyline 360)

84 Replies

Related Content

Accessible Video Controls in Storyline

Customize the Player Settings in Storyline

Setting Your Slide Size in Storyline

Customizing the Theme and Course Settings

Storyline 360: Setting Storyline Options

Learn

Connect

Discover

Community

Company

Trust Center