Using Layers and Managing Audio Clips

Apr 04, 2022


I'm relatively new to Articulate Storyline 360, but have been picking a lot up pretty easily. However, There is something I used to do in Adobe Captivate that I have yet to fully figure out in Storyline 360. Here is my situation.

I have a slide that contains 5 buttons. Each button has a normal and visited state. The visited state for each button has a little green checkmark so the learner knows it was selected. Also, I have 6 layers to the slide; one for each of the 5 buttons plus a 'visited' layer that mirrors the base. On five of the layers that aligns with a button is an image, a text box, an audio file that plays automatically, and a "close" image button that if selected by the learner will show the "visited" layer and stop the audio on that layer.

I've attached a PDF showing the slides.

What's Working -  Each time I select 1 of the 5 buttons: a) the proper layer displays with the image, text, and the audio plays, b) if the "close" image button on that layer is selected it will display the "visited" layer and stop the audio, c) if a learner simply selects a different button the layer aligned with it works as planned while the prior one is hidden, d) the visited state for each of the 5 buttons displays.

What's Not Working -   When I attempt to create a trigger for my self-made navigation buttons (i.e. forward and backward) I try to set the trigger to not only either go to the next slide or go to the previous slide, but also show the visited layer which would make the slide look almost as it was when it was seen at first; with the exception of having the buttons retain their visited state. This doesn't work. What happens is whichever button was last selected it's layer displays. And if the audio wasn't listened to entirely, when you revisit it plays again.


3 Replies
Maria Costa-Stienstra

Hi, Jonathan.

Thank you for sharing the .pdf with screenshots! 

I'm not sure I fully understand how your project works. You mentioned a "visited" layer. Why are you using a separate layer instead of going back to the base to show the buttons in their visited states? 

Would it be possible to share the .story file here? You can also use the private link to share it through a case, and we're happy to help!

Jonathan Francis

Hi Maria, 

I'm sorry for the long delay in replying. I've had other projects come up and have had to put my learning on hold for a while. But I'm not back. I've attached the file. I will also be monitoring this board more closely now.

Maria Costa-Stienstra

Hi, Jonathan.

Thank you for sharing the .story file!

Here are a couple of thoughts:

  • You don't need to create triggers for the built-in states (visited, selected, etc.). The state will automatically turn visited once the user clicks the layer:

Windows 10 (1) 2022-05-10 at 12.10.23 PM

  • I'm confused about the logic behind the triggers for the next button:

Windows 10 (1) 2022-05-10 at 12.11.22 PM

  • It appears that you want the layer Visited to show if all the buttons are visited. However, wouldn't the user be stuck in that layer without being able to jump to the next slide?

I'm happy to continue working with you to troubleshoot!