Layers

Hi,

To make icons appear after a layer has been visited:

- Add a new true/false variable for each layer (e.g. "cat")
- Add a trigger to each layer that changes its variable to true "when timeline starts"
- Change the initial state of your icon to "Hidden"
- Add a trigger on the layer your icon is located that changes the icon's state to "normal" when the variable changes to true.

I attached a sample.

Alternatively, you could also dircetly change the icon's state with a trigger on the layer. That would lead to less triggers and no variables. But personally, I like working with variable, because often you'll find yourself adding elements and triggering other things as a project develops.

Any suggestions Bella?

I need more practice with variables. Any links where I can learn more about it. 

Also, in the attached file - I want icons to appear when layer of preceding icon appears. 

Reference Example: 

https://360.articulate.com/review/content/331c044a-236a-4c27-93aa-1fc1b27781c9/review

Regards

Malvika

There you go: https://community.articulate.com/articles/articulate-storyline-360-user-guide-how-to-work-with-variables

I'm not sure if I fully understand what you are trying to do, but if you only want to reproduce the reference example, the attached file should work for you.

In Storyline there are two kinds of variables:

• Built-In variables: Those are created automatically and help doing various things (tracking time, tracking completion, and so on)
• Project variables: Those are created manually. 

You can take a look at both in the variables window, by clicking on "Project" or "Built-In" at the top of the window.

I only added 4 true/false variables (birds, cats, dogs, fish).

It is worth taking a look at the documentation Articulate offers.
If you understand how states, triggers, layers and variables work, you can do almost everything with Storyline.

To make icons appear only when the content of a layer is visited, you can use a trigger to show the icon layer when the timeline of the content layer starts. Here are the steps you can follow:

1. Create a new layer for the icons and add the icons you want to use.
2. Add a trigger to the content layer that shows the icon layer when the timeline of the content layer starts.
3. In the trigger panel, select "Show layer" as the action and choose the icon layer from the drop-down menu.
4. Set the condition of the trigger to "Timeline starts" and choose the content layer from the drop-down menu.
5. Make sure the icon layer is initially hidden.

With this setup, the icons will only appear when the timeline of the content layer starts, indicating that the learner has visited that content.

To make the project clean, you can consider using consistent formatting throughout the project, such as font style and size, colors, and spacing. You can also make sure that all interactive elements are clearly labeled and that the navigation is intuitive for the learner. Additionally, it's a good practice to keep the content concise and relevant to the learning objectives.