How to force a user to view all (3) layers on slide before "next"

Oct 28, 2012

I have been looking through the forums and haven't found anything quite like what I am searching for. I am trying to get the user to interact and view all three layers on a slide before being able to advance to the next slide. Thanks in advance !

17 Replies
Rebecca Fleisch Cordeiro

Hi,

Re:

Simon Ray said:

Hi guys

Have a look at this thread.  It should cover what you need!

 http://community.articulate.com/forums/p/13764/81219.aspx#81219

Simon


I THINK that situation is slightly different, since the 3 buttons in the Screenr are all on the base layer, and it sounds like Casey wants Learners to visit 3 layers on 1 slide before moving to the next slide.

Casey, not sure if I've understood correctly, but assuming I have, and also assuming you have buttons allowing Learners to get to each layer (and we all know what happens when we assume :-(:

Modify the Jump to the next slide trigger (double-click it in the triggers pane) and add conditions that the next slide can be visited IF

the button on the base layer equals visited

AND

the button on layer 1 equals visited

etc. for however many layers

If that's unclear, and/or if I've misunderstood, please say so I (or someone) can describe in more detail.

Daniel,  I don't believe you can control when the next and previous buttons appear, aside from hiding them in the slide properties (click that little gear icon on the right of the layer in the right-hand pane). If you hide them here, you'll need to create your own custom Prev/Next buttons. Is that your question?

casey hillstrom

Thanks guys ! And Rebecca you assumed correctly . The kittens scenario is exactly what I am trying to accomplish. The only issue I am having now is actually getting it to work the same way.  I am having trouble/confusion about how to correctly set the kitten 1 ( or appropriate layer) in the formula. I typed the name of my layers in the slots where "Kittens 1 - 3" were located only it is not giving me the same results. Any suggestions ? Thanks in advance !

Daniel  Han

Hi Rebecca, you're assumption is pretty correct. I wanted to hide the "Next" and "Previous" buttons till the user had visited all three layers.

I don't know how to set the "IF" condition in Storyline although I do know the "IF, THEN" conditions in Pascal (yes, it shows my age).

I finally had a workaround by placing buttons that would direct the user to the first layer and second layers, placed a "Back" button on the layers to direct them back to the base layer. Created a custom "Next" button after all layers have been marked as "Visited" before making the custom "Next" button visible.

What I really wanted to do was send the user from the base layer to the first layer, user clicks "OK" button which will then take them to the second layer. Once they have viewed the content on the second layer they click "OK" which will take them back to the base layer, that's when the inbuilt "Next" button is supposed to appear and ideally have a red border around it to highlight my intention for them to click it to move to next slide.

But I guess my solution will work for now. Many thanks everyone for your contributions, its a wonderful community and I am glad to be a part of it.

Rebecca Fleisch Cordeiro

Hi Daniel,

It's amazing how you can accomplish things in assorted ways in Storyline. Good job, achieving your "end."

I read through your description and am attaching a story that I THINK achieves what you're after.

Here's a brief description.

  1. Created a 3 new layers: "first layer", "second layer and Stop!
  2. Back on the base layer, added a Slide Trigger: Show Layer, First Layer, when the timeline starts.
  3. On the First Layer, Inserted a shape and added text: this is the OK button
  4. Added a trigger to this object: Show layer, Second Layer, when the user clicks this shape.
  5. On the Second Layer, copied/pasted the shape (from the first layer) and changed the object trigger to Hide Layer, This Layer, when the user clicks this shape.
  6. On the Stop Layer:
    - inserted a rectangle over the entire slide; added gradients and set transparency to about 5%
    - Inserted a Stop sign
    - Inserted a rectangle with text instructions; added a trigger to this rectangle to Hide this layer when the user clicks the rectangle
  7. Back on the base layer double-clicked the Jump to next slide Player Trigger to display the Trigger dialog box:
    - Clicked the "Show Conditions" text
    - Didn't change the Action, Slide, When, or Object
    - Clicked the green plus to add a condition
    - Clicked the Shapes option button
    - First Condition: If the OK button on the First Layer is Equal to Visited; Click OK
    - Clicked the green plus again and the Shapes option button again
    - Second Condition: If the OK button on the Second Layer is Equal to Visited; Click OK. Click OK again
  8. Added a Player trigger
    - Action: Show Layer
    - Layer: Stop
    - When: User clicks
    - Object: Next button

So, #8 is there to inform the Learner why clicking Next isn't working.

casey hillstrom

Hi Rebecca,

I have been trying to emulate what you did in your previous .story file. Its seems like it would be simple, but even when I start from scratch it doesnt matter how many times I try, I cannot get the "stop" layer to appear if the users clicks the next button before the appointed time. The order and everything seems to be exactly the same. Do you have any more advice on this?

casey hillstrom

Hi Rebecca,

To be more specific with my question, although I can now get the "Stop" Layer to appear once i click the button to hide that layer it brings me back to the base layer. On your example when you click the button that hides the "stop" layer you are brought back to whatever layer you were previously on. 

here is my attempt to recreate your example.

Rebecca Fleisch Cordeiro

Yikes, that's my fault. I neglected to give you important information, and I haven't opened your file, but your description made me say oot-oh, Becky.

On the Stop layer, click the gear icon to open its properties. In the visibility section, remove the checkmark from "Hide other slide layers."

Please DO post back whether or not this works. And SO sorry! Please accept my apologies ;-(

casey hillstrom

Hi there everyone,

Since you have shown me how to force the user to view all layers I have tried a new variant of the formula and cannot quite get it to work just yet. I would like for the user to have to click all four objects in the room (the dog, the outlet, the beer bottle, and the fireplace) and visit all 4 of the layer before clicking next on the base layer, but I cannot get it to work. Here is the file. Any ideas ? Thanks !

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