Forum Discussion
Conflict with visited state and normal state
Hello everyone
I searched everywhere but I didn't find any answer to my problem which is not so complicated but I really don't understand 😕
I would like to change a flipcard's state when the learner click on the card.
On the face there is an illustration and on the other side, a text.
But when I test it and I click on this, the text appears with the illustration on the background and I don't want this. I just want the illustration on the face and text on the other side. I don't understand why the illustration does not disappear ? Did I forget something ?
I hope someone has a simple solution for me that I haven't thought of 😖
The built-in states (Hover, Down, Selected, Visited, Disabled) are basically built as layers on top of the Normal state. That means that any object pasted into the Normal state will appear in other built-in states, unless something covers it up.
In your example, you need something that covers the illustration pasted in the Normal state. In the Visited state, you could simply cut the rectangle shape, and paste it back into that state.
Also:
- You don't need to insert a separate text box for the text. Text can be entered directly into a rectangle (or other shape).
- You don't need the triggers to change the rectangles to Visited. Any object with a Visited state will automatically change to Visited when it is clicked.
- A shape with no fill is hard to click. I gave your rectangle-flipCards a solid white fill, so they can be clicked anywhere within the rectangle. For future reference, if you need something to show underneath an object, use a solid fill set to 100% transparency.
I edited Rectangle 1 this way in the attached file. By the way, I suggest you give all objects (as well as layers, motion paths, and variables, when applicable) meaningful names. That makes a slide easier to program and to troubleshoot.
Here's more info that might be helpful:
- https://community.articulate.com/discussions/discuss/primer-take-advantage-of-built-in-states/777134
- https://community.articulate.com/discussions/discuss/tip-making-icons-easier-to-program-and-easier-to-click/925940
- https://community.articulate.com/discussions/discuss/tip-animate-the-change-between-character-poses-photos-or-other-objects/959208
One more thing: It's better to post questions like this in the Discuss Articulate Products area (Discuss Articulate Products | Articulate - Community). And when a question is about a particular product, the post should be tagged accordingly. So, for example, this post would have a Storyline tag.
1 Reply
The built-in states (Hover, Down, Selected, Visited, Disabled) are basically built as layers on top of the Normal state. That means that any object pasted into the Normal state will appear in other built-in states, unless something covers it up.
In your example, you need something that covers the illustration pasted in the Normal state. In the Visited state, you could simply cut the rectangle shape, and paste it back into that state.
Also:
- You don't need to insert a separate text box for the text. Text can be entered directly into a rectangle (or other shape).
- You don't need the triggers to change the rectangles to Visited. Any object with a Visited state will automatically change to Visited when it is clicked.
- A shape with no fill is hard to click. I gave your rectangle-flipCards a solid white fill, so they can be clicked anywhere within the rectangle. For future reference, if you need something to show underneath an object, use a solid fill set to 100% transparency.
I edited Rectangle 1 this way in the attached file. By the way, I suggest you give all objects (as well as layers, motion paths, and variables, when applicable) meaningful names. That makes a slide easier to program and to troubleshoot.
Here's more info that might be helpful:
- https://community.articulate.com/discussions/discuss/primer-take-advantage-of-built-in-states/777134
- https://community.articulate.com/discussions/discuss/tip-making-icons-easier-to-program-and-easier-to-click/925940
- https://community.articulate.com/discussions/discuss/tip-animate-the-change-between-character-poses-photos-or-other-objects/959208
One more thing: It's better to post questions like this in the Discuss Articulate Products area (Discuss Articulate Products | Articulate - Community). And when a question is about a particular product, the post should be tagged accordingly. So, for example, this post would have a Storyline tag.