Displaying Layers incrementally

Jan 30, 2013

Hi All,

I'm a relatively new Storyline user so I'm very slowly figuring the software out by trial and error as well as the best way to execute my ideas (warning: sometimes I have grand ideas).

The current eLearning session I'm creating is for a software project called CRANIUM. CRANIUM is an acronym for the workflow within the software. I have a graphic (attached) that displays the workflow stages and my thought is that each stage would be revealed as the user clicks "Next". However, after creating all the different layers, I'm finding that the first layer shows up and when I click "Next" it reveals the last layer I created a trigger for instead of the next layer in the sequence.(Ex: Instead of revealing layer 2 after layer 1, it will go layer 1 then layer 4 and then nothing.) After looking at the trigger layout, this system behavior makes sense when considering the ordering of the triggers. 

Here is my question: Is there a best practice to accomplish my goal which is to reveal layers in a specific, chronological order when the learner clicks? I'm open to any ideas, it might be better to create a button instead of using the "Next" button, who knows,  I'm open to adjusting my initial game plan.  Any suggestions on how to create this would be appreciated! 



20 Replies
Mike Enders


You should be able to create a round trip through the layers using a trigger on each layer to take you to the next.  I've attached an example using a basic button on each layer.  The same thing could be accomplished with the Next button, but if you've got other slides in your project that you want the learner to eventually get to, you'd have to build in some logic to tell Storyline when to advance to a different slide versus the 1st layer.

Hope this helps!


Mike Enders


You can't hide and unhide the player's built-in next button.  This is why the best route in this type of situation is to use your own on screen buttons to control the action.  So you could have a custom "Next" button with an initial state of "hidden" that is only switched to "normal" or visible, once the learner has completed a certain set of tasks.  So in your case, you want the learner to view all the layers, and when done, the next button appears.

So this would be option #1: Using custom buttons to control the flow.  See attached.

Megan Baer

SO...I hate to be a pain but I'm still struggling. I've added a button to use to trigger the next layer as opposed to using the "Next" button, now it's displaying the layers in the correct order but not leaving previous layers visible. Where is that option? To show next layer but leave previous layer visible? If you'd like to see the project, email me directly and I will attach the .story file to an email. Again, I'm sorry to bother!! But I really appreciate the help!

Megan Baer

Yes. If you look at the image I attached to my original post I'm trying to display a process workflow and I want the learner to read each stage, and the click to view the next stage. At the very end they should see all 6 stages that make up the workflow which also happens to stand for the acronym of the software I'm teaching. The software is called CRANIUM and each letter (sometimes two letters) stand for a stage in the workflow. Does that make sense?

Thanks for the additional help!

Mike Enders

Hi Megan...

My bad...I didn't realize that you wanted all the layers to build like that.  Okay...CHECK THIS!

Roll with Donna's states idea and use an inverse trigger order!  Oh Yeah!  Totally works for your original idea of wanting to use the next button.  I've revised and attached Donna's file.


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