I am adding Storyline blocks for interactions in my Rise course, but it has instructions to "Drag up [or swipe up on the storyline block, if you are using a touch screen] to make it full screen." How do I disable that feature or permanently hide those instructions in a course?
Hi there, Rebecca. Storyline blocks will launch full screen on mobile devices. If there is browser chrome (like the address bar), Storyline 360 uses this prompt to show learners how to maximize slide content on small screens. There isn't a way to disable this prompt in Storyline 360.
Is this the same for Storyline interactions on Rise that are showing up on mobile devices as a seperate box? I've added in a Storyline interaction to my Rise course and when testing it out on a mobile (through Chrome), it's showing up as a seperate box to be X'd off once complete. Ideally, i'd like it to flow more with the course and appear as part of the Rise course to aid progression for the learners - is this possible?
Sorry about thread necromancy, but the x-button is giving us problems with iPhone users. It's very thin and barely visible on top of going on top of other similarly colored elements and this combination makes it almost impossible to see. Incidentally this same "full screen" view blocks the "continue" elements found on website which are visible for user, but unfortunately un-clickable on these circumstances.
Hi Tony! Would you mind sharing a few iPhone screenshots so we can get a better idea of what you're seeing? If there's a way to improve the user experience on a mobile device, we'll let you know!
Sure. The upper left x is barely visible as the iframe-element containing whole Storyline-block is transparent. It would be a lot more apparent that you are in full screen mode if the iframe-element wouldn't be transparent. As an added bonus, you find the X easier and rest of the website is not in conflict with what you can see vs what you can interact with.
As addition iframe-element not being invisible the possibility of developer generated navigation buttons such as "jatka" (continue) at lower part here is visible, but not interactive.
Thanks, Tony. That's really helpful! You mentioned this problem happens when viewing the course on iPhone — are you using the Safari or Chrome mobile browser?
Also, what Storyline player did you use: classic or modern?
Actually after a closer study this issue doesn't seem to be related to iPhone, but to mobile in general. Storyline player is modern, with no menus. Android with Chrome browser has the same issue. This appears in case, where Storyline-block first has a "play" button on top of it. Storylineblock won't start until you have clicked this play button. If I remember it correctly this was related to browser developers' choice to stop audio and other invasive elements playing without user input.
Naturally these type of "hacks" are bit of a updating nightmare, but this would make full-screen content non-transparent and give more attention to "close content" -X at the upper left corner.
10 Replies
Hi there, Rebecca. Storyline blocks will launch full screen on mobile devices. If there is browser chrome (like the address bar), Storyline 360 uses this prompt to show learners how to maximize slide content on small screens. There isn't a way to disable this prompt in Storyline 360.
Hi Chrystal,
Is this the same for Storyline interactions on Rise that are showing up on mobile devices as a seperate box? I've added in a Storyline interaction to my Rise course and when testing it out on a mobile (through Chrome), it's showing up as a seperate box to be X'd off once complete. Ideally, i'd like it to flow more with the course and appear as part of the Rise course to aid progression for the learners - is this possible?
Thank you,
Holly
Hi Holly!
Storyline blocks will always open full screen on mobile devices, and learners can tap the X button to return to the lesson.
Let me know if you have other questions about that!
Sorry about thread necromancy, but the x-button is giving us problems with iPhone users. It's very thin and barely visible on top of going on top of other similarly colored elements and this combination makes it almost impossible to see. Incidentally this same "full screen" view blocks the "continue" elements found on website which are visible for user, but unfortunately un-clickable on these circumstances.
Hi Tony! Would you mind sharing a few iPhone screenshots so we can get a better idea of what you're seeing? If there's a way to improve the user experience on a mobile device, we'll let you know!
Sure. The upper left x is barely visible as the iframe-element containing whole Storyline-block is transparent. It would be a lot more apparent that you are in full screen mode if the iframe-element wouldn't be transparent. As an added bonus, you find the X easier and rest of the website is not in conflict with what you can see vs what you can interact with.
As addition iframe-element not being invisible the possibility of developer generated navigation buttons such as "jatka" (continue) at lower part here is visible, but not interactive.
Thanks, Tony. That's really helpful! You mentioned this problem happens when viewing the course on iPhone — are you using the Safari or Chrome mobile browser?
Also, what Storyline player did you use: classic or modern?
Actually after a closer study this issue doesn't seem to be related to iPhone, but to mobile in general. Storyline player is modern, with no menus. Android with Chrome browser has the same issue. This appears in case, where Storyline-block first has a "play" button on top of it. Storylineblock won't start until you have clicked this play button. If I remember it correctly this was related to browser developers' choice to stop audio and other invasive elements playing without user input.
My current plan to improve upon user experience in this case is to include following CSS-class into already build SCORM of Rise:
(scormcontent/lib/main.bundle.css)
.blocks-storyline__item__iframe
{
background-color: white;
}
Naturally these type of "hacks" are bit of a updating nightmare, but this would make full-screen content non-transparent and give more attention to "close content" -X at the upper left corner.
Thanks for sharing your solution, Tony. We'll let you know if we make a change to how Storyline blocks launch on mobile to help with user experience.
This discussion is closed. You can start a new discussion or contact Articulate Support.