Blog Post

Discover
1 MIN READ

Storyline: Pop-Out Tabs Interaction Template

DavidAnderson's avatar
2 years ago

This free tabs interaction for Articulate Storyline 360 is fully customizable, so you can easily edit the colors, fonts, and designs to match your desired look and feel.

View the project

Published 2 years ago
Version 1.0
  • Hello Tara. It was done by using a trigger to changed the state of the buttons (the selected state results in the tab label getting a darker shade AND the color tab is made a bit longer). The file is available for download and you can take a look at how things were done "under the hood."
    • TaraMuir1's avatar
      TaraMuir1
      Community Member
      Hello Walkiria, that does not answer my question and that is not what I asked about. I have already downloaded the template and understand how states work and I can apply states to objects. There is no trigger to change the state in template, there are triggers to display the individual layer. The question I asked is about how the author turned two separate shapes into a button. This type of button is not available as a preset in my version of SL 360. Also, the button is not a group of shapes with individual states.

      • LauraParenti-c8's avatar
        LauraParenti-c8
        Community Member
        You can turn any shape into a button by adding a trigger to the shape to show a layer when the user clicks it. Turn the shape-turned-buttons into a button set by selecting them all and right-click and make it a button set that only allows one "button" to be selected at once. That trigger to show the layers can also change the states of the buttons since they are now interactive in the same way as a preset button would be.
  • TaraMuir1's avatar
    TaraMuir1
    Community Member
    Hi there, thank you for sharing this template! How did you create the buttons? I cannot figure out how you got 2 separate shapes to behave as one button?
  • Hello. Thank you for making this available to download. Is that webinar available to view online? Thanks.
  • Here's a quick freebie from last week's How to Build a Tabs Interaction webinar. Hope you enjoy it and find some ways to use in your own projects.
    • MarciGomez-Lee's avatar
      MarciGomez-Lee
      Community Member
      Hi, David. Thanks for the webinar, it was really informative and useful! After attending, I understood how to create a tab interaction and use states better. Following the webinar, I ended up creating my first tab interaction, thanks!