Hide Next button until objects have been visited

May 05, 2015

I'm trying to set one of my elearning slides so that the Next button (on the player) doesn't appear until four objects on the slide have been visited.  Any help would be appreciated.

Thanks
Michelle 

51 Replies
Adam Wells

Hi everyone,

Please can you help me keep my hair (mostly gone anyway!)

I am trying to disable or hide the NEXT button until three objects have been visited (actually hovered over) using SL3. These objects are just pictures that appear at the end of the slide and open a layer for a closer look when hovered over. I have tried so many things and got totally confused (sorry).

I have attached the one slide from the elearning for some kind person to help me understand how to do it.

I look forward to your advice.

Kindest Regards

Adam

Alyssa Gomez

Hey Adam! I'm happy to lend a hand! No need to pull any more hair out. 😁

I made a few changes in your file, and now the next button is disabled until all three layers have been viewed. Here's a summary of what I did:

  1. Add this trigger: Change state of Next button to Disabled when timeline starts.
  2. Add a "Done" state to each graph on the base layer.
  3. Add a trigger on each graph: Change state of graph to Done when the mouse hovers over.
  4. Add a trigger: Change state of Next button to Normal when state of all 3 graphs are "Done."

Check out those changes in your file, and let me know what you think!

Steph Decker

I'm trying to do something similar. I have a slide containing 5 buttons. Each button is associated with a layer that contains information for the learner as well as a trigger and state (e.g.: Button 1 --> show layer Information Data when user clicks... and when the learner clicks the state changes to visited). I am trying to keep the Next button hidden until the learner has "visited" each button but the logic I've created doesn't seem to be working. Any thoughts? 

Alyssa Gomez

Hey, Steph! It sounds like you want to enable the Next button when all of the layer buttons are Visited. I can help with that!

Try this:

  1. Add a trigger: Change state of Next button to Disabled when the timeline starts on the current slide.
  2. Be sure all 5 buttons have a Visited state. You do not need any triggers to change the state of the buttons to Visited.
  3. Add a trigger: Change state of Next button to Normal when the state of all 5 buttons are Visited.

If you need extra help, I'd love to take a look at your file! You can share it publicly here, or send it to me privately by uploading it here

Steph Decker

Hi Alyssa!

 

Thanks so much for your response! I went through the steps you mentioned while previewing the scene and for some reason the next button is still in the Disabled state when all 5 buttons have been visited. I've attached a screen shot showing the list of triggers I have set up. Do you think it has something to do with the order of the triggers? I double checked each button too and all include both a Visited state as well as Normal. This is perplexed me for days! :| I'm hoping once I find the solution, I'll use this as a template going forward haha

 

Thanks Alyssa!

 

Steph

 

Walt Hamilton

Steph,

I know when you use the wizard that "State of..." is one of the options for the When part of the trigger, but it doesn't work. There is nothing to make it happen. States do not initiate triggers. They are very useful in conditions. This is a known bug that doesn't work if there are five or more triggers on a slide.

You need to tie the trigger that changes the state of the NEXT button so some action the user takes, such as clicking a button to close each layer. In that case the trigger would read:

Change state of Next button to Normal when user clicks (Close Layer Button) On Condition that state of Button 1 is visited, AND state of Button is visited, and etc.

If your slide is not set up that way, then you can tie the triggers to the 5 buttons themselves:

First - Show Layer 1 when User clicks Button 1

Second trigger for Button 1: Change state of Next button to Normal when user clicks Button 1 On Condition that state of Button 1 is visited, AND state of Button is visited, and etc.

 

Alyssa Gomez

Hi there, Steph!

The triggers in your screenshot look correct. The only oddity I noticed is the location of the "Change state of the Next button to Normal" trigger. That should be under the Slide Triggers heading. 

Check out this sample file I put together for you, and use that as a model for your file. Let me know if that helps! 

Steph Decker

Hi Alyssa,

I noticed that too. The trigger sometimes automatically jumps to the bottom when I want to add a new one to Slide Triggers and I'm not sure why.

The file you sent me is exactly what I'm trying to achieve. Do you think part of the issue is that I have mine set up so the learner uses the Previous button to return to slide 1.4 Classifying Data in order to select each subsequent button?

Brian Samonek

Hey Leslie,

Like everybody else, I am having the exact same problem. I want next button to be disabled until a series of 6 shapes are visited. I think I set mine up just like yours. However, the next button never starts as disabled! (and as you can guess, I want it to start as disabled). I hope you are still working at Articulate  and can help me! Brian

Leslie McKerchie

Hello Brian and welcome to E-Learning Heroes. 😊

I'm still here and I'd be happy to help you.

I appreciate you sharing a .story file so that I could take a look at what you created. Here's a quick Peek 360 video as I took a look at your file.

I created an example for you in the attached file. Your example is Scene 1 and my example is Scene 2 so that you can compare.

Brian Samonek

Leslie,

This was by far the most comprehensive and helpful reply I have received.... in quite some time! I really appreciate you explaining it to me in the video and the attachment was just icing on the cake. Thank you! I get it now. 

As far as the capital "F" thing goes in False... Let's just say, I would have never, ever, ever have figured that out on my own! 

Brian Samonek

Leslie,

Your advice worked perfectly, and-- god knows-- I must have gotten real full of myself, because I tried to recreate the same dynamic on a different screen, thinking: Oh, I know how to do this now! NO PROBLEM! But then, of course, it didn't work yet again: Exit button that is supposed to appear after all the others are visited. The exit button in question is in the Intro scene. Pic attached.

ALSO, the advice you gave me yesterday for step slides (pic attached): for the next button to be disabled until all the steps are visited-- worked just perfectly when the files were separated. However, I just noticed that the disabled next button on the steps slides is also no longer working when all of the scenes are gathered together in a larger file. Is this maybe just an issue with the review site?

 

 

Leslie McKerchie

No worries, Brian. Thanks for sharing the details of what you see now. We can look at these one at a time:

  1. Exit button that is supposed to appear after all the others are visited.
    I'd first recommend adjusting the 'When' on your trigger to when the timeline starts on this slide:

    Also, you have the variable set to adjust on the states of the text boxes, but there are no states on these items. The states, still no visited state, are listed on the Rounded Rectangle Shapes. So, the variable is not adjusting, which is why you do not see the Exit button.


  2. The disabled next button on the steps slides is no longer working when all of the scenes are gathered together in a larger file.
    It looks like it's working on the slide we worked on together, which is Slide 3.7 in your project:

    Are you referring to the next slide, 3.8?

    I can see that you're using the same variable, which is why the Next button is displaying. You adjusted the variable on the previous slide. You will need a different variable for additional slides.

This should get everything working as expected.