"Hotspot Navigation" template for Articulate Storyline authors.

Alexandros,

You just keep making this better!  This is so great for any course where screen real-estate needs to be maximized.  I have not had the opportunity to use it yet, but it is in my toolbox!  Thanks for sharing!

At this point, I can't think of any way to improve it.  

Jill 

Alexandros,

One thought - could you either put the file up here again, or add a link to the other thread to make it easy for users to find?

Thank you Jill,

Just edited the post for direct download...

Great idea, Alexandros - 

Take a look at this quick example:

• Demo
• Story

Similar to your setup only it leverages the master slide to show / hide. This also uses two transparent shapes / zones to trigger the show hide based on mouseover. 

I love how responsive this is. But what about mobile devices? 

Yeah. I think this would definitely be a problem on mobile. Thinking about it though, I think there could be a way to delineate between platforms and vary the behavior... hmm... May have to give this a spin over the weekend.

I tried using a browser detection method through javascript so I can assign a true/false value to a 'ismobile' variable. The variable itself works when executing in Flash (desktop).

var player = GetPlayer();
var ismobile = false;
if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/iPad/i) )
{var ismobile = true;}
player.SetVar("ismobile",ismobile);

However :

No matter what i do, this does not seem to work in html5 mode (using Android 3.0 from the SDK). As a matter of fact, none of the javascript triggers (including the getDate example, as well as others) seem to work in html5.

SetVar and GetVar don't work in HTML5 yet. You could use that to your advantage, though. Set the default to the HTML5 / iOS app state and overwrite if you get the Flash version.