When playing a course on an iphone, in landscape, the browser address bar takes up about 25% of the screen real estate and reduces the size of the course.
Is there a way to maximise the size of the course to fill the entire screen and hide the top bar?
This works, for example, when you watch a Youtube video.
Thanks Phil, Do you know if I need to change any settings for the address bar to move out of the way? I am using 360 but when I view a course on my iPhone the address bar doesn't move regardless of all my attempts.
Hello Amos and Paul! I actually came across this issue about a month ago with browser controls showing based on which browser and orientation you're using with the responsive player. Essentially, if you are using Safari to view your 360 course, and you are in landscape mode, the browser address bar should disappear. We are happy to test out any courses that are behaving to the contrary! You can share them here, or in a case with our team.
That said, we're talking to our team about what additional work we can do to eliminate browser chrome from both Safari and mobile Google Chrome to free up even more space for your content! I'll be sure to add this discussion to that report so that we can update you right here with any developments.
Based on Crystal's comments, I have now also tested the course on Safari.
My conclusions are (while restricting it to play in landscape only) that:
In Safari on mobile - browser controls disappear :) so course is expanded to full screen. However, buttons need to be positioned well away from the bottom or top. Otherwise, they wont' work properly as they seem to compete with the auto-hide function of the top and bottom browser bars.
In Chrome on Mobile - browser controls do not disappear :( and take up about 25% of the screen real estate so it almost impossible to read the text.
If anyone has any other suggestions - I'd really appreciate them.
I've been having the same problem. The storyline 360 output displays fine on mobile Chrome on Android when published for web but once it's loaded onto our LMS, the address bar shows and doesn't hide.
What LMS do you use? Have you looked at testing it in any other LMS set ups such as SCORM Cloud? It also may depend on where you've clicked or scrolled in the window to have the browser bars disappear.
Also, what Android version are you using? You may want to double check that you're using a supported version here.
We use LearnUpon. Yes, I've tested it on SCORM Cloud as well and the address bar doesn't disappear either. I also tested on Android 6.0 and 7.0 and both show the same results.
Great news! We just released another update for Articulate 360, and included a few important fixes and new features that you'll see in the release notes here.
The item you'll be interested in is how we fixed an issue for when browser chrome wouldn't disappear as expected when viewing courses on an iPhone.
Just launch the Articulate 360 desktop app on your computer and click the Update button for each application. Details here.
Please let us know if you have any questions, either here or by reaching out to our Support Engineers directly.
Chelsea, are your courses set to launch in a new window? I'm going through a similar issue right now but our courses are set in an iframe which might be the issue.
Not sure if Chelsea is still subscribed here, but hopefully she'll be able to chime in and help you out here. You are certainly welcome to reach out to the user directly via the 'Contact Me' option on the user profile if you do not hear back soon.
Did you update to the latest version as Ashley shared above and you're still experiencing an issue?
It seems that the browser bar remains fixed when viewing a Storyline module on a smartphone. I tested in Safari and Chrome on an iPhone. Is there any way to hide the 'browser bar'?
I encountered the same problem. The storyline 360 item is displayed on the mobile phone, i can't resize it and the address bar is still displayed.
In the player I set the settings in "Other" to "launch player in new window", "display window with no browser controls" and "allow user to resize browser". The Browser size is set to "Resize browser to fill screen" Any ideas how to get storyline to be displayed in fullscreen without seeing the brower bars?
I'm pretty sure most of these options have been removed from all browsers (from what I had read before its due to security, accessibility etc.) A user could manually force a full screen mode, but that is their choice.
Might want to just go "modern" and create responsive content. This pretty much makes this a non issue. There really isn't much of anything you can't do in a responsive design (and many things you can't in a non responsive design), so other than a different design approach, not really a good reason to not move in that direction.
I agree Paul....the browsers are much more security conscious these days so it makes sense to use a product that is optimised for the small (and usually vertical) screen.
Maybe @Articulate should remove the 'no browser controls' check box in the Storyline Player dialog?
20 Replies
in 360 I believe the address bar should now move out of the way
Thanks Phil, Do you know if I need to change any settings for the address bar to move out of the way? I am using 360 but when I view a course on my iPhone the address bar doesn't move regardless of all my attempts.
Does anyone else have experience with this. Based on reading this: https://developers.google.com/web/fundamentals/native-hardware/fullscreen/ it doesn't even appear it would be possible with iOS (not sure if on Android 360 leverages this or not)
Hello Amos and Paul! I actually came across this issue about a month ago with browser controls showing based on which browser and orientation you're using with the responsive player. Essentially, if you are using Safari to view your 360 course, and you are in landscape mode, the browser address bar should disappear. We are happy to test out any courses that are behaving to the contrary! You can share them here, or in a case with our team.
That said, we're talking to our team about what additional work we can do to eliminate browser chrome from both Safari and mobile Google Chrome to free up even more space for your content! I'll be sure to add this discussion to that report so that we can update you right here with any developments.
Thanks Crystal, Paul and Phil!
Based on Crystal's comments, I have now also tested the course on Safari.
My conclusions are (while restricting it to play in landscape only) that:
However, buttons need to be positioned well away from the bottom or top. Otherwise, they wont' work properly as they seem to compete with the auto-hide function of the top and bottom browser bars.
If anyone has any other suggestions - I'd really appreciate them.
On Safari do they disappear when in portrait mode - curious (though I realize looking at a course in that mode is a recipe for unhappiness.
I haven't tried Paul because the text becomes too small read in portrait.
It might be OK for some of the larger sized mobiles but I'd rather be safe.
Hello,
I've been having the same problem. The storyline 360 output displays fine on mobile Chrome on Android when published for web but once it's loaded onto our LMS, the address bar shows and doesn't hide.
Hi Chelsea,
What LMS do you use? Have you looked at testing it in any other LMS set ups such as SCORM Cloud? It also may depend on where you've clicked or scrolled in the window to have the browser bars disappear.
Also, what Android version are you using? You may want to double check that you're using a supported version here.
Hi Ashley,
We use LearnUpon. Yes, I've tested it on SCORM Cloud as well and the address bar doesn't disappear either. I also tested on Android 6.0 and 7.0 and both show the same results.
You might want to just use Rise instead. Storyline really isn’t designed with smartphone in mind where Rise is designed for that.
Sent from my iPhone
Great news! We just released another update for Articulate 360, and included a few important fixes and new features that you'll see in the release notes here.
The item you'll be interested in is how we fixed an issue for when browser chrome wouldn't disappear as expected when viewing courses on an iPhone.
Just launch the Articulate 360 desktop app on your computer and click the Update button for each application. Details here.
Please let us know if you have any questions, either here or by reaching out to our Support Engineers directly.
Chelsea, are your courses set to launch in a new window? I'm going through a similar issue right now but our courses are set in an iframe which might be the issue.
Hi Baden,
Not sure if Chelsea is still subscribed here, but hopefully she'll be able to chime in and help you out here. You are certainly welcome to reach out to the user directly via the 'Contact Me' option on the user profile if you do not hear back soon.
Did you update to the latest version as Ashley shared above and you're still experiencing an issue?
Interesting reading as i was testing this last night.
So to clarify, is it only Safari that eliminates the browser control on the iphone?
Hi Howie,
We only saw this on the iPhone, and the two supported browsers there are mobile Safari and Chrome.
It seems that the browser bar remains fixed when viewing a Storyline module on a smartphone. I tested in Safari and Chrome on an iPhone. Is there any way to hide the 'browser bar'?
I encountered the same problem. The storyline 360 item is displayed on the mobile phone, i can't resize it and the address bar is still displayed.
In the player I set the settings in "Other" to "launch player in new window", "display window with no browser controls" and "allow user to resize browser". The Browser size is set to "Resize browser to fill screen"
Any ideas how to get storyline to be displayed in fullscreen without seeing the brower bars?
I'm pretty sure most of these options have been removed from all browsers (from what I had read before its due to security, accessibility etc.) A user could manually force a full screen mode, but that is their choice.
Might want to just go "modern" and create responsive content. This pretty much makes this a non issue. There really isn't much of anything you can't do in a responsive design (and many things you can't in a non responsive design), so other than a different design approach, not really a good reason to not move in that direction.
I agree Paul....the browsers are much more security conscious these days so it makes sense to use a product that is optimised for the small (and usually vertical) screen.
Maybe @Articulate should remove the 'no browser controls' check box in the Storyline Player dialog?