Please Help - States (Visited), Triggers, Layers (Next & Previous Buttons) and Variables/Conditions

Feb 25, 2015

Hello,

I am working on Articulate Storyline 2 and need help with accomplishing a few things with Slide 1.4 Media Interaction. The base slide has 8 layers.

1. I want to make sure the student clicks on each image on the base slide to view before they can move to the next slide. Created "Visited States" for each image and deactivated the Next button however until all images have been visited but at the end when the student gets back to the base slide to move to the next slide, the Next button does not work.

2. Also, after I created Visited states, when clicking an image on the base slide, it's carrying over the image into the layer slides. Can't figure out what's causing this shadow effect?

3. The layer slides have the Next/Previous button. I only want this on the base slide. Tried to create triggers to hide the buttons when the layers pop up however it would hide the buttons on the base slide as well so I removed the triggers.

Please help...I'm new at this and I'm lost. If I can get someone on Lync meeting where I can show my work and see what I'm doing wrong, this would help me learn as well.

18 Replies
Davanh Silapaxay

Thank you for the suggestions.

1. Set base slide properties to "resume to saved state" however it does not seem to do anything. Next button is still deactivated.

2. I've hidden all base layer elements and also set properties on layer slide to hid objects on base layer. The image on 1.4 still carries over so I'm not sure what's triggering it.

I have my project initially posted so I'm not sure if you're able to see what I'm referring to in slideshow view.

Chris Cole

Davanh - I see the problem causing your first issue. When you click an image, you are setting the state to visited. But when you click the X to close a layer, you are resetting all of the image states back to Normal, and so your completion logic is never executed (there is never a time when all of the images are simultaneously "visited").

Chris Cole

For issue # 2 (the ghost image) - for each of your clickable images, put the change state trigger first so that occurs BEFORE you show the layer. What is happening is that you are showing a layer, and then changing the state of the image which triggers the image's animation and it flies onto the screen again.  Put the trigger to change the state first, then show the layer and the issue goes away.

Chris Cole

Glad that helped. For issue 3 - you could hide the Next button when you show a layer, and then show it again when the you close the layer, but that would cause the Next button to suddenly disappear and the Prev button moves over to the right and that looks odd, and may be a little confusing and disconcerting to the learner. Can you maybe just disable the Next button when the slide starts, and then enable it when the learner has completed all of the activities? That would look and feel a bit cleaner in my opinion.

Chris Cole

One more suggestion - which you didn't ask for, sorry :) .  If you make sure all of the states for each image are the same size (for example, the Hover size of image "student sharepoint"  is the same as the Normal size) then you won't get that funky vibrating going on when you hover over an image. It looks like only a couple of your states got resized somehow.

Davanh Silapaxay

My ultimate goal is to not have the learner see the Previou/Next buttons when the layer slide pops up so they know to only X out. This is the part I have the most difficult time understanding the codes and where to start to accomplish the task.

Oh yes, the funky vibrating...I thought that was a glitch in Articulate (LOL). I'm not sure how that happened. How do I change the size when I'm in Edit States mode?

Chris Cole

When editing the states, click on the Normal state and write down the size of the object. For example, I think the size of your normal state "Student SharePoint" image is 130x125. Then click on the Hover state, and you'll see that the dimensions are different. Change the dimensions in the Hover state to be the same as normal state (130 x 125).  You'll have to turn off the Lock Aspect Ratio button to make the change properly.

Kami Madsen

I just have to say thank you to both Davanh for your questions, particularly #2, and to Chris for his suggestion of switching the trigger sequence.  I created a slide full of buttons with a layer for each and had visited states set for the buttons.  When previewing, the visited state of the button would appear on the layer as the "ghost" image.  Chris your suggestion did the trick!  

This community is awesome!

This discussion is closed. You can start a new discussion or contact Articulate Support.