I have a course in which I need the user to right-click on a menu. However, on mobile devices there isn't a right click. How can I get the right click to work on mobile devices?
Where we found a process to be difficult to execute, we either offered up a question (Do you click or right-click the menu?) or simply added text to indicate that we were right-clicking the menu for them and continue on.
Thanks Tom and David. I was thinking of doing something like this, but was hoping there would have been a feature in Storyline so I wouldn't need to create triggers.
Another option is to use JavaScript to detect if the learner is using a mobile device. This way we can deliver the optimum experience based on the device they are using.
To do this:
Create a text variable in Storyline called device
Add an Execute JavaScript trigger to your slide and set it to run when the timeline starts. It should contain this code:
var player = GetPlayer(); var uagent = navigator.userAgent.toLowerCase(); var mobile = false; var device, i; var search_strings = ["iphone", "ipod", "ipad", "series60", "symbian", "android", "windows ce", "windows7phone", "w7p", "blackberry", "palm"]; for (i in search_strings) { if (uagent.search(search_strings[i]) > -1) mobile = true; } if (mobile) {device="Mobile"} else {device="Desktop"} player.SetVar("device",device);
Then you just need to add some logic to your course. So something like:
8 Replies
Here is a demo I created a while back with some ideas
http://articulate-heroes-authoring.s3.amazonaws.com/Examples/Storyline/SL360/Mobile-right-click/story
Hi Tom, I can't get the link to work.
Where we found a process to be difficult to execute, we either offered up a question (Do you click or right-click the menu?) or simply added text to indicate that we were right-clicking the menu for them and continue on.
Hi Clint - Tom's traveling this week but I can help with the link:
Source:
https://articulate-heroes-authoring.s3.amazonaws.com/Live/Content/_2019/_Series%20Quick%20Tips/2019-01-04/Demo%20Right%20Click%20Mobile/RightClickMobile.story
Demo:
https://articulate-heroes-authoring.s3.amazonaws.com/Live/Content/_2019/_Series%20Quick%20Tips/2019-01-04/Demo%20Right%20Click%20Mobile/RightClickMobile%20-%20Storyline%20output/story.html
I must have messed it up copy and pasting from the phone. I asked David to
add the correct link
The demo has a few different ideas on simulating the right click. You can
see them via the menu
Thanks Tom and David. I was thinking of doing something like this, but was hoping there would have been a feature in Storyline so I wouldn't need to create triggers.
There are some good ideas in this thread.
Another option is to use JavaScript to detect if the learner is using a mobile device. This way we can deliver the optimum experience based on the device they are using.
To do this:
device
Here is a demo (please test on both desktop and mobile). And here is the .story file used.