Forum Discussion

BrianSakofsky-b's avatar
BrianSakofsky-b
Community Member
5 years ago

Showing Sequential Layers with Single Button

Greetings all. I'm attempting to show a simple conversation with three pieces (the Question, Answer 1 and Answer 2). I created a button out of an image, and wanted to be able to click it in sequence to show each part of the conversation. 

I was unable to do so, and my triggers reflect a single click to reveal the question, a double click to reveal Answer 1 and then a closeout of this with an 'X' object, then the Answer 2 appears. In our LMS this looks and feels clunky. 

Is it possible to utilize a single button to initiate each of my three layers in sequence? Thanks in advance for your time and energy

 

Brian 

storyline 360

2 Replies

  • DavidSchwartz-f's avatar
    DavidSchwartz-f
    Community Member
    5 years ago

    Hi Brian,

    Here's one approach. I just copied your button to the layers, and have a trigger on each to reveal the next one. On the Answer2 layer, I added triggers to hide itself and Answer1 and then to reveal the Question layer again, so the whole thing can keep cycling. 

    Could do more with variables, but I didn't see the need.

     

  • MariaCS's avatar
    MariaCS
    Staff
    5 years ago

    Hi, Brian.

    I'm hopeful some of our talented members can give you other ideas, but here are a couple of suggestions:

    1. Using a transparent shape (right-click the shape, choose Format Shape, then change the transparency to 100%) on each layer, that, when clicked, will open the next one. You can then have the shape on the last layer (Answer2) hide the layer instead. 
    2. Using variables - each time the image on the base layer is clicked, you adjust the variable to add 1 to its value. Then you add triggers to open each layer when the image is clicked, depending on the value of the variable:
      • If variable = 1, show layer Question
      • If variable = 2, show layer Answer1
      • If variable = 3, show layer Answer2
      • If variable = 4, hide layer Answer2 and re-set variable to 0.

    I am attaching both examples here, and hopefully, they'll give you an idea of where to go next.