Mouse based Triggers without the Mouse

Feb 07, 2019

I would like to have 'show slide layers' triggers happen based upon a user reading a line of code step by step in the text box. However, using the natural hovers and such mouse events aren't in my blueprint right now.

What I would like is to either use the TAB key, (or since 508 compliance overrides that feature though very similar to what I am thinking) or another key press function such as spacebar to step by step go through the line of code stopping on each piece of dialog that I specify with a slide layer coming up for that particular piece of code.

Right now, my brain is wrecked thinking that I might have to do single slides for each element of the code - that could be an overwhelming amount of slides based upon the length of code content.  Ive attached 3 images that sort of show what I want to have happen on screen - but I dont know how to be able to; progress in the slide from no text highlight, to first section text highlight with slide layer ONE showing, then to second section with a different text highlighted along with slide layer TWO showing with no mouse involvement.  

Maybe I am not thinking of something and maybe someone else might have an idea? Using Storyline 360 3.24.

5 Replies
Leslie McKerchie

Hey Bobby and welcome to E-Learning Heroes :)

You can certainly tab through and use a keypress to open a layer with additional information if you wish.

I used Enter in this example. So, I tab through the text boxes and Enter opens the layers for the last two text boxes.

Is this what you were thinking? No mouse required :)

Bobby Kline

I tried to make that - keypress down arrow trigger to change state of Textbox1 from Normal to Selected, with trigger that shows Layer 1 when state changes on text box one to Selected - that worked, however, since I already used down arrow to trigger on Textbox1, I cant use the down arrow trigger event on Textbox 2 to show Layer 2 -

I can envision it if there were multiple radio buttons and if radio button 1 was selected, Layer 1 shows, then TAB to the next radio button 2 becomes selected and Layer 2 shows up.

No Enter button involvement, no other interactivity needed from the user, just pressing TAB to move to the next highlighted piece of code and have an explanation panel change for each that I wanted. I appreciate the help - but I am just not finding an easy solution without making separate slides that mimic what I am capable of doing in HTML.

Ashley Terwilliger-Pollard

Hi Bobby,

Yes, each keypress on a slide could only be associated with one action, unless you added conditions to your triggers.

So for example,

Open layer 1 when the user presses the down arrow, if textbox 1 has a state of Normal.
Open layer 2 when the user presses the down arrow, if Textbox 1 has a state of selected.

That way Storyline would note the difference in the states to determine which layer to be shown. 

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