Start Button on iPhone

Oct 20, 2015

Hey Heros,

The Start-Button for HTML5 output is not centered on my iphone 4. 

Do you know how I can delete this start screen or which part of which script I need to change in the output that this button is centred?

Thank you!

10 Replies
Boris Wesemann

Do you need the Story-File? Or is it enough to publish a link to the short quiz?

http://www.sedlak-partner.com/sup_portal/mln/ 

But I mean the Play-Button you need to push while starting every output you produced with articulate storyline 2. Don't you have the same problem - see the attached image?

(On my android everything is fine)

If you can tell me what you observe on newer iPhones, I am also very grateful.

Ashley Terwilliger-Pollard

Hi Boris,

That play button is included automatically as a part of the HTML5 output on iOS devices and although folks talk about removing it here it's not something we can support.

I tested this on my iphone 6S and saw the same thing, but it is full screen in landscape mode vs. portrait mode - so I'd be curious to know what your story size and player/browser settings were? 

Ashley Terwilliger-Pollard

Hi Boris, 

The start button is the standard behavior but there is no way to remove it other than the modifications I mentioned that you could make to the published output. In regards to the sizing, I haven't seen it scaled differently in portrait vs. landscape on regular courses, and as such wondered about the sizing as it looks like you also may have embedded this in a frame within your web server/LMS so that may be forcing the sizing too. 

 

Boris Wesemann

Is this standard start button for you centered in your outputs? Yesterday I started a new projects with just one slide, i kept everything standard: But I had the same problem. Without any frames, or any different setting. It always appears if it is a normal web-output. In a LMS it depends on the SCORM Player of the respective LMS. 

I am not sure, but I think this problem appears since iOS9. 

If you don't have this problem, it may has something to do with the german version of AS2/windows. Sounds crazy, but there are a lot of problems that only appear in German Windows installations. For example, that you can not set a size for text variables in HTML5. It is always the same size, always to small. But I am used to this, and sometimes I insered pictures as text that will only be displayed, if another variable is true - or something like that.

This start-button problem is somehow new for me. I tested even old projects of mine: same problem. And I think, when I prduced them (in beginning of 2015), the start-button was centred.
My feeling is, that it has something to do with the iOS update (on Android the button is alwas horizontally and vertically centred). 

But yes: For me it is no prblem to change the script of the output. But I can not find the part I need to change. Especially, becaue the button is not displayed on desktop computers, so I can not check the sript as usual. I don't even know in which file this button is descriped.

Don't you know anybody who can tell me what I need to change, or the name of the image of the button (I think it is an image). If so, I can search for the specific part and file more efficiently. 

If I can find, I am shure that it is easy to change.

Ashley Terwilliger-Pollard

Hi Boris,

I haven't seen it on other recent courses I've published and accessed on HTML5 (I do access the majority on my iPad vs. iPhone - but still you'd see the play button there). I just did a quick test based on your thoughts of the German instance - so I published a new test file with my regular English UI and tested on my iPhone and iPad - the iPad it was the full screen, greyed out background with the play button, whereas on the iPhone I saw the same set up as you showed initially. Clicking to play it though did center the player and course within the screen. 

I'm going to share this with our QA team to see if they have any thoughts on the display, but I cannot offer a time frame in regards to when I'll hear back, but I'll post any updates here. In the meantime, please know that clicking on it allows it to play successfully. 

Ashley Terwilliger-Pollard

Hi Boris,

I don't have any updates yet - when I tested it on my set up I was able to click on it to play and then it appeared normally. Are you unable to utilize that as part of the set up in the meantime? You may also want to instruct users that this is how it'll appear on the iPhone but I did not experience this behavior on my iPad or Android tablet. 

Boris Wesemann

Hey,

Thank you for your promt answer again!

Maybe I don't get you right - because my English is not good enough. But it is true, that I never observed this problem on iPad, Andoid Tablet or Android Smartphone - but it appears on iPhones all the time, without any exception. I wasn't able to fix this bug in the meantime or find a trick to bypass that problem. 

To be honest, I was into other projects since I posted questions to this problem the last time. But my hope was, that you have to fix this problem anyhow, if no articulate course starts correctly on iPhone since the last update of IOS. 

I would be very thankful if a developer of your team can send me a short instruction, how to leave this start button out and the "stories" start the same way as on desktop computers. Or another solution. But this solutions seems to be the easiest for me.  

 

Ashley Terwilliger-Pollard

Hi Boris,

No apologies necessary - let me see if I can try to clarify a few things.

1) the start button is built into Storyline's launch set up within the HTML5 output on an iPad or iPhone - there isn't a way to remove it. Community members have implemented their own workarounds or "hacks" to deal with it, but that is not something I could offer support for or that our Developers are able to assist with. 

2) The issue that was reported to our Quality Assurance team is how on an iPhone the display of the course appears in the top left hand corner while in portrait/vertical view and does not take up the entire screen and is not centered. Clicking on the play button or rotating the phone does allow it to be viewed at the full screen of the iPhone. So the course still plays and operates as expected. We have shared this behavior with our team, and they will be investigating it further but I cannot offer a time frame or any additional information in regards to a fix. 

This discussion is closed. You can start a new discussion or contact Articulate Support.