Scrolling issue with Rise courses on iPhones

May 26, 2020

We are having an issue whereby the learner can not scroll fully to the bottom of the course on an iphone to go to the next section. You can only do this if you scroll on the very RHS of the frame. We have built 120+ courses in Rise and are about to launch, so you will see that this is a major issue. Can you please advise as a matter of urgency. The courses work fine on Android. This is a very serious problem and we need to solve otherwise we have no product! Please tell me we haven't invested all this time, money and effort in the wrong tool. By the way we see the same problem when we visit Rise.articulate.com on an iphone - you can not scroll down fully so that you can go to the next section.

Also when a learner exits the Rise piece on iPhone - you get the goodbye message but there is no obvious way to close the window so you can get back to the LMS - can you advise.

 

10 Replies
Terry Simmons

Hi - our courses are hosted in Moodle. Share works fine, Android from Moodle is fine but not on any iPhone. I have read through the various forums and this seems to be a consistent problem whereby you can't get to the next section link at the end of each section. Has Articulate come up with a fix or workaround for this?

Grateful for your help as this is holding up the launch of our 120+ Rise course catalogue and delivery of some projects to clients.

Regards Terry

Terry Simmons

Hi Matthew - we have over 120 courses with a lot of sections and these are already in the LMS so would be a huge job - appreciate the thought though. :-) 

It seems to be around iframe sizing - but we could really do with a standard resolution for everybody who runs into this problem who may have iphone users (works fine on Android).

Alyssa Gomez

Hi Terry,

Thanks for giving us some time to look into this behavior.

Even when your course is launched in a new window, Moodle displays Rise 360 content inside an iframe. This generates two scrollbars — an inner scrollbar for the Rise 360 content inside the iframe, and an outer scrollbar for the Moodle interface. This short mobile screen recording displays the two scrollbars.

If you scroll down on a mobile device but you can’t see the next button, this is likely because the outer scrollbar hasn’t reached the bottom of the Moodle interface.  

Unfortunately, the Rise 360 output doesn’t control this behavior in Moodle. Connect with your Moodle support to find out if there is a way to displace your courses in a new window without any Moodle interface/iframe.

Alyssa Gomez

Hi Terry! 

Thanks for your patience while we tested this behavior on several devices. We found significant differences in scrolling behavior on iPhone devices compared to Android devices.

On an iPhone, scrolling in the middle of the screen only affects the inner iframe and the inner scrollbar. When the inner scrollbar reaches the bottom, you get stuck. You have to move your finger to the right edge of the screen to scroll the outer scrollbar. 

On Android, scrolling in the middle of the screen affects the inner iframe. When the inner scrollbar reaches the bottom, the outer scrollbar immediately takes over and scrolls down without you moving your finger.

Hopefully that helps to clarify why you're seeing a difference in behavior when viewing Moodle courses on iPhone and Android devices. 

Crystal Horn

Hi Aaron. I see your case with our team as well which included a video of the behavior. It looks like the Rise course is displaying in a frame on the hosting site you're using. Is there a way to set your site to allow the Rise course to launch in a new browser window? The Rise course itself doesn't control this behavior, and it will work best if it launches in a new window by itself.

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