Visual Elements from Two Separate States Appear at the Same Time

Storyline 2

OS: Windows 10

I found a similar post from five years ago, but the proposed solution didn't help me.

I have a slide with chevrons acting as buttons. They have three states each. Each state brings up a layer.

Normal: Lighter background

Selected: Darker background, brings up layer

Visited: Lighter background w/ a check mark included.

The problem is that, when selected, the correct background (darker) from the selected layer appears. But the check mark from the visited layer appears as well.

Why are elements from the Selected and Visitor states appearing together?

Thanks,

PL

4 Replies
Crystal Horn

Hey there, PL.  Check out our handy article defining the built-in states.

  • Selected: This is how an object appears when it's been selected. It's generally used to indicate that a learner has chosen the object. For example, a check box uses the selected state to provide a visual cue (check mark), indicating it has been clicked.

    Selected states are often used in conjunction with button sets, so only one object can be selected at a time.

    If the selected state exists for an object, it'll automatically display when learners click it. You don't need to create a trigger to invoke it.
  • Visited: This is how an object appears after it has been clicked. It's useful when you want to provide learners with a visual indicator of the objects they've already clicked (for example, a series of buttons).

Since both of these states are triggered when the learner clicks it, you're seeing them both appear. If those chevrons are set up as a button set, it's possible that you will have some visited chevrons, and a single selected and visited chevron at a time.

It sounds like you'd like the Visited state to appear after they return from the layer.  I would recommend creating a custom state named something other than "Visited," and building a trigger to change the chevron to that custom state when your learner leaves the layer and returns to the base.

Let me know if that doesn't help!

Patrick Lambe

I thought the answer would be something like this. Thanks.

Two follow up questions:

- If Storyline  shows the Visited and Selected states simultaneously, how does it pick which background color is dominant?

- Currently, I allow the learner to click a chevron to access the specified layer. I don't want to create extra  clicks by requiring one click to exit the layer and another click on the Chevron to reveal a different layer. I don't want to create variables. How do you suggest I do this?

Thanks again,

PL

Patrick Lambe

Wait! It just came to me -- the second question, that is. Is seems so obvious to me now.

The answer is (I think):

- Delete the selected state from the base layer

- Add a new chevron to the layers that mimics the selected state

I'll reply again if it doesn't work. Still curious about the first question, though.

Thanks again,

PL

Alyssa Gomez

Great solution, P L! 🌟

To your first question, the "Selected" background appears as a visual indicator of the object you just clicked.  As soon as you click another item, the "Visited" background appears.

So in other words, the "Selected" background color is dominant when the object has just been clicked. As soon as another object is clicked, the "Visited" background becomes dominant.