Hi. I'm sharing something I cooked up for embedded Storylines in Rise lessons.
When students complete an embed, on desktop, they have to scroll down to continue. But on mobile, they have to click the X to leave the embed before scrolling down.
So, I developed a code template to make Storyline detect what device is viewing it, and offer the directions "Scroll down to continue" to desktop users, and "Press X to continue to mobile users."
It could be a good starting point if you want to customize your UX by device!
3 Replies
Hi Lee,
Cool idea! Thanks for sharing this with the E-Learning Heroes community! ✨
have you testet your script on iPad with "Request Desktop Website" ?
since iOS 13 it is no longer possible to reliably determine whether desktop/mobile via "navigator.userAgent"
https://www.whatismybrowser.com/guides/the-latest-user-agent/safari
Update: you have to check "navigator.maxTouchPoints > 1", when the userAgent says it is macOS
Oh, thanks! Here's the updated version.