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
Blog Post
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."
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.
- 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.
- Hello Laura, I understand states, triggers, layers and how to turn a single shape into a button. I will look at the 'button set' that you have suggested.
- To make 2 shapes into a button:
1. insert one shape onto the slide
2. with the image selected, go to the states tab and click the edit states button
3. Insert your second shape into the normal state of the image
Now the 2 shapes are one object in the timeline and you'll only need to apply the trigger to that object (which functions like a button).
https://community.articulate.com/discussions/articulate-storyline/apply-triggers-to-grouped-objects
