--- title: Storyline Tips & Tricks – The State of the Layers description: States and layers can be intimidating to new Storyline developers but they can make your slides dynamic and engaging! Learn how in this article. image: https://www.reflectionsoftware.com/hubfs/Blog%20Images/Feature%20Images/Storyline%20tips%20and%20tricks%20Prt%2007.png --- # STORYLINE TIPS & TRICKS – The State of the Layers Posted by Laura Kowalczyk - September 01, 2020 - [**](https://www.facebook.com/sharer/sharer.php?u=https://www.reflectionsoftware.com/blog/storyline-tips-tricks-the-state-of-the-layers) - [**](https://www.linkedin.com/shareArticle?mini=true&url=https://www.reflectionsoftware.com/blog/storyline-tips-tricks-the-state-of-the-layers&title=&summary=&source=) - [**](https://twitter.com/home?status=) - [**](https://plus.google.com/share?url=https://www.reflectionsoftware.com/blog/storyline-tips-tricks-the-state-of-the-layers) - [**](mailto:?&subject=https://www.reflectionsoftware.com/blog/storyline-tips-tricks-the-state-of-the-layers&body=https://www.reflectionsoftware.com/blog/storyline-tips-tricks-the-state-of-the-layers) ** ![header-picture](https://www.reflectionsoftware.com/hubfs/Blog%20Images/Feature%20Images/Storyline%20tips%20and%20tricks%20Prt%2007.png "header-picture") Layers in Storyline are aptly named since they do exactly as the name says – provide an extra layer of content that appears over the main slide. You can add as many or as few layers to a slide as you please, which allows for a lot of flexibility in how you display your content. You can also choose to have a layer use Triggers to show or hide other layers, which means you can have content show and hide as needed. ### Top of the Stack Whenever you show a layer, it will appear **on top of everything**, including other layers. The image below shows where you can access the Slide Layer Properties. You can see the default settings, including where the “Hide other slide layers” option is checked. You’ll want to familiarize yourself with these settings as you begin using Layers in Storyline. ![New Layer properties panel with all options](https://www.reflectionsoftware.com/hs-fs/hubfs/Blog%20Images/Storyline%20Tips%20and%20Tricks/Layers/newLayerProperties.png?width=700&name=newLayerProperties.png) ### In a State States allow for a similar level of flexibility but are object specific. Storyline has a selection of built-in States, such as Hidden, Disabled, or Selected, but you can also make your own custom states. Start with an object on the slide and create states that include a variety of poses or positions for that object. ![States Panel showing states on a button including normal, hover, down, disabled, and selected.](https://www.reflectionsoftware.com/hs-fs/hubfs/Blog%20Images/Storyline%20Tips%20and%20Tricks/Layers/StatesPanel.png?width=700&name=StatesPanel.png)   ### Combining It All Together Let’s explore an example that shows how everything can fit together. Here we have a slide that uses a clickable interactive stoplight to convey information. ![Example of slide with interactive stoplight. Each stoplight color has a different layer](https://www.reflectionsoftware.com/hs-fs/hubfs/Blog%20Images/Storyline%20Tips%20and%20Tricks/Layers/mainSlideOverview.png?width=700&name=mainSlideOverview.png)   The slide has four layers: one for each of the three stoplight colors and one for the ending audio. The main slide itself has the stoplight graphic, text and some checkmarks that start out in the Hidden state. Each stoplight color has a click spot that displays its associated layer when the user clicks. Using a combination of States, Layers, and Triggers, we have the stoplights marked as checked as the learner views each color. And when one color is active, the others are darkened. This effect is achieved by graphics on each of the individual layers. Take the red layer, for example.   ![Red layer and its triggers. The yellow and green sections are darkened so they are not the focus.](https://www.reflectionsoftware.com/hs-fs/hubfs/Blog%20Images/Storyline%20Tips%20and%20Tricks/Layers/redLayerOverview.png?width=700&name=redLayerOverview.png) ### Stop, Look, and Layer When the learner clicks the red light, the red layer becomes active, showing its information. It also changes the state of the checkmark over the red light on the main layer from Hidden to Normal, indicating that the layer has been viewed. A True/False variable[INSERT LINK] for each layer keeps track of whether that layer has been viewed, and once all three have been viewed, the final “endAudio” layer will appear with closing audio for the slide. ![End Audio layer](https://www.reflectionsoftware.com/hs-fs/hubfs/Blog%20Images/Storyline%20Tips%20and%20Tricks/Layers/endAudioOverview.png?width=700&name=endAudioOverview.png) In our example, the final layer simply plays the concluding audio and marks the slide as complete. The layer doesn’t have any graphics (although it could). Once the audio is complete, it also changes the state of the instructions and a previously hidden Next button on the main layer to let the learner know it’s time to move on. Here’s what the slide looks like once all layers are complete: ![The Slide is complete and displays all of the checkmarks as well as a next button.](https://www.reflectionsoftware.com/hs-fs/hubfs/Blog%20Images/Storyline%20Tips%20and%20Tricks/Layers/slideComplete.png?width=700&name=slideComplete.png)   ### Take It to the Next Level This slide is just one example of the many ways to incorporate Layers and States into your courses. Think about other cases where you could use these tools to add interactivity and interest to a slide. Layers are great for organizing information and revealing it as needed via a click spot or at a certain time. States can provide cues to the learner that an object has changed or that a slide or section has been completed. One the best features of Storyline is the flexibility it provides in combining all its tools to create unique content. So get out there and get creative, and remember we are always here if you have questions! Topics: [design online training](https://www.reflectionsoftware.com/blog/topic/design-online-training), [Storyline 360](https://www.reflectionsoftware.com/blog/topic/storyline-360) --- ### Recent Posts #### [By Alicia Seguin - April 07, 2026 How to Set Up a Learning & Development Review Process in Four Steps](https://www.reflectionsoftware.com/blog/how-to-set-up-a-learning-development-review-process-in-four-steps) [![read more](https://www.reflectionsoftware.com/hubfs/IMG-TurboSodium/Sodium%20v2/blog/arrow-recent-blog-post.png "read more")](https://www.reflectionsoftware.com/blog/how-to-set-up-a-learning-development-review-process-in-four-steps) #### [By Liesl Christle - March 09, 2026 What L&D Can Learn From the Unique Challenges of Seasonal Hiring](https://www.reflectionsoftware.com/blog/what-ld-can-learn-from-the-unique-challenges-of-seasonal-hiring) [![read more](https://www.reflectionsoftware.com/hubfs/IMG-TurboSodium/Sodium%20v2/blog/arrow-recent-blog-post.png "read more")](https://www.reflectionsoftware.com/blog/what-ld-can-learn-from-the-unique-challenges-of-seasonal-hiring) #### [By Liesl Christle - November 10, 2025 How Communities of Practice Can Build (And Sustain) a Learning Culture](https://www.reflectionsoftware.com/blog/how-communities-of-practice-can-build-and-sustain-a-learning-culture) [![read more](https://www.reflectionsoftware.com/hubfs/IMG-TurboSodium/Sodium%20v2/blog/arrow-recent-blog-post.png "read more")](https://www.reflectionsoftware.com/blog/how-communities-of-practice-can-build-and-sustain-a-learning-culture) --- ### Our Reflections Stay up to date with the latest learning and development industry trends! ### Subscribe to Our Newsletter ### Recent Posts ### Posts by Topic - [eLearning (43)](https://www.reflectionsoftware.com/blog/topic/elearning) - [training and development (32)](https://www.reflectionsoftware.com/blog/topic/training-and-development) - [employee development (24)](https://www.reflectionsoftware.com/blog/topic/employee-development) - [Instructional Design (22)](https://www.reflectionsoftware.com/blog/topic/instructional-design) - [Learning Management System (LMS) (18)](https://www.reflectionsoftware.com/blog/topic/learning-management-system-lms) - [eLearning developer (14)](https://www.reflectionsoftware.com/blog/topic/elearning-developer) - [employee training (14)](https://www.reflectionsoftware.com/blog/topic/employee-training) - [Company Culture (13)](https://www.reflectionsoftware.com/blog/topic/company-culture) - [gamification (13)](https://www.reflectionsoftware.com/blog/topic/gamification) - [online training tips (13)](https://www.reflectionsoftware.com/blog/topic/online-training-tips) - [human resources (12)](https://www.reflectionsoftware.com/blog/topic/human-resources) - [training module (12)](https://www.reflectionsoftware.com/blog/topic/training-module) - [design online training (11)](https://www.reflectionsoftware.com/blog/topic/design-online-training) - [Service & Support (8)](https://www.reflectionsoftware.com/blog/topic/service-support) - [Media Services (7)](https://www.reflectionsoftware.com/blog/topic/media-services) - [Video Tips & Tricks (7)](https://www.reflectionsoftware.com/blog/topic/video-tips-tricks) - [leadership and development (7)](https://www.reflectionsoftware.com/blog/topic/leadership-and-development) - [RS News (6)](https://www.reflectionsoftware.com/blog/topic/rs-news) - [Storyline 360 (6)](https://www.reflectionsoftware.com/blog/topic/storyline-360) - [Client Partner (5)](https://www.reflectionsoftware.com/blog/topic/client-partner) - [Compliance Training (5)](https://www.reflectionsoftware.com/blog/topic/compliance-training) - [coaching (5)](https://www.reflectionsoftware.com/blog/topic/coaching) - [animation learning (4)](https://www.reflectionsoftware.com/blog/topic/animation-learning) - [corporate training trends (4)](https://www.reflectionsoftware.com/blog/topic/corporate-training-trends) - [microlearning (4)](https://www.reflectionsoftware.com/blog/topic/microlearning) - [talent management (4)](https://www.reflectionsoftware.com/blog/topic/talent-management) - [Client Spotlight (3)](https://www.reflectionsoftware.com/blog/topic/client-spotlight) - [Preventing Harassment (3)](https://www.reflectionsoftware.com/blog/topic/preventing-harassment) - [millennial training (3)](https://www.reflectionsoftware.com/blog/topic/millennial-training) - [on-the-job training (3)](https://www.reflectionsoftware.com/blog/topic/on-the-job-training) - [security (3)](https://www.reflectionsoftware.com/blog/topic/security) - [Instructor Led Training (2)](https://www.reflectionsoftware.com/blog/topic/instructor-led-training) - [Tradeshow (2)](https://www.reflectionsoftware.com/blog/topic/tradeshow) - [performance management (2)](https://www.reflectionsoftware.com/blog/topic/performance-management) - [Cognition Updates (1)](https://www.reflectionsoftware.com/blog/topic/cognition-updates) - [marketing (1)](https://www.reflectionsoftware.com/blog/topic/marketing) - [progressive development (1)](https://www.reflectionsoftware.com/blog/topic/progressive-development) - [project management (1)](https://www.reflectionsoftware.com/blog/topic/project-management) - [retail online training (1)](https://www.reflectionsoftware.com/blog/topic/retail-online-training) - [succession planning (1)](https://www.reflectionsoftware.com/blog/topic/succession-planning) [see all](https://www.reflectionsoftware.com/blog/storyline-tips-tricks-the-state-of-the-layers#) ### Blog Archive - [August 2019 (5)](https://www.reflectionsoftware.com/blog/archive/2019/08) - [October 2019 (5)](https://www.reflectionsoftware.com/blog/archive/2019/10) - [September 2020 (5)](https://www.reflectionsoftware.com/blog/archive/2020/09) - [September 2019 (4)](https://www.reflectionsoftware.com/blog/archive/2019/09) - [November 2019 (4)](https://www.reflectionsoftware.com/blog/archive/2019/11) [![Shifting Company Culture ](https://no-cache.hubspot.com/cta/default/462737/17e73cc0-8532-4460-8ff3-76dc347f68ee.png)](https://cta-redirect.hubspot.com/cta/redirect/462737/17e73cc0-8532-4460-8ff3-76dc347f68ee) - [**](https://www.facebook.com/pages/Reflection-Software/501192376627194) - [**](https://twitter.com/reflectionsoftw) - [**](https://linkedin.com/company/reflection-software) Stay in the know. Subscribe to our Blog! ### Let's Get in Touch! We’ve got the learning solutions. You’ve got the vision. Let’s talk about it! ### Call Us [630.270.1200](tel:6302701200) ### Email Us [info@reflectionsoftware.com](mailto:info@reflectionsoftware.com) ### Fresh from our Blog ### Get Updates from Us! [Reflection Software](https://www.reflectionsoftware.com) ©2026 [Privacy Policy](https://www.reflectionsoftware.com/privacy-policy)         [Security Policy & Information](https://www.reflectionsoftware.com/security-policy-information) **