Right clicking on a mobile device

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:

• 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:

Here is a demo (please test on both desktop and mobile). And here is the .story file used.