Multiple Disabled States?

I have a slide with clickable images.  Each sends the user to a question.  I would like a clicked image to be disabled when the user returns to the slide, but to show a different state depending on whether the answer was correct or incorrect.

The built-in disabled state works fine, of course, but how can I have another disabled state with a different appearance?  I tried duplicating the disabled state, and that didn't work.  I tried adding an invisible object over the image on a state as you would do on a timeline, but that doesn't work either.

This surely can't be that unusual a scenario.  What am I missing?

20 Replies
Ashley Terwilliger-Pollard

Hi Ken,

You'll likely have to adjust it based on a variable adjusted on the way the user answers on that slide. I'd look at creating your own custom states on those images vs. using the built in disabled state. If you're having difficulty setting this up you may want to share a copy of the .story file here with us so that staff and the community can take a look. 

Ken Teutsch

If there is a condition in the trigger, that means the object is clickable.  Which is what I don't want.

I want two different disabled states.  I can't figure out how to make that second state be disabled.  Copying and modifying an existing disabled state does not create a new disabled state.

I have an object.  It has a hover state, and when the User clicks the object, she/he is sent to a  question.  When the user returns to the slide after answering the question, I would like him/her to see the aforementioned object now in either a "you got it right" state or a "you got it wrong" state depending on the answer.  I have done that.  No problems there.

But I do not want the user to be able to click the object again.  I want both the "you got it right" state and the "you got it wrong" state to now be disabled.  No hover state, no clicking.  Doing it for one is easy: I use the built-in "disabled" state.  What I am missing is how to make a 2nd, custom state also be unclickable and unhoverable--that is, "disabled."

 

Deanna Brigman

Hi Ken,

Have you considered using layers? You could have a layer with one of disabled states on it (wrong), that would only appear if the user got the question wrong. You would position it directly over the main image.

Alternatively, you could have the image with the right and wrong states be on a separate layer, and switch between the two states as necessary.

Hopefully this helps.

Ken Teutsch

I guess I may have to use layers, but I was trying to avoid that because the slide has a pretty large stack of layers already.

I just thought that if you could have one state that is disabled, it might be possible to make another state that is also disabled.  

I am rapidly becoming disabled... I mean, disabused of that idea.

Deanna Brigman

Another solution is to not use the built in Hover state, but instead use triggers that will show a separate shape on mouse over, and have a condition that it only shows up when the image state is normal.

Here is a screenshot of a quick version. Rectangle being your image and Snip Same being the hover.

Hover state

Chuck Jones

Walt, This is a very nice solution. I noticed the disabled2 state - while disabled - still gives a hand cursor - to indicate it does something. The button with the regular disabled state shows the arrow cursor. Is there any way to have the cursor stay as the arrow - and not change to the hand - when hovering over the disabled2 state?

CHUCK

Hazel Wilson

Did anyone find a way to have multiple disabled states on one object? I have an issue similar to Ken's...

I have a Menu Slide with buttons that branch off to 6 modules. To force the user to complete the modules in order, modules 2-6 begin in a disabled state and become enabled (state changes to normal) upon completion of the previous module.

My issue lies in the state of the completed module. I have them to set to a 'completed' state with a tick over the module in question but I also want this to be disabled, so the user cannot re-visit the module once it has been completed - Including having the cursor indicating that it is NOT an interactive object!

Layers are not helpful here as the user still needs to interact with the buttons on the base layer to move onto the next module.

My project is large so I have just included the menu slide and final module slides to demonstrate the interaction....

Your help would be greatly appreciated!

Hazel Wilson

Hi Wendy, I have already tried that to no avail! I ensured that it was sitting on top of the clickable button but couldn't fathom why it was still not working!

I imagine as the button that I am changing the state of is the clickable object, I will probably have to add an additional object on top which will be set to hidden until the module is complete. I think I'll try this now....

Wendy Farmer

Hi Hazel

see attached. In addition to the transparent shape (which I agree works in SL2 but doesn't seem to here) I've added a condition to the trigger to only jump if state of the button is not completed.

Hope this helps

I only worked on the first two buttons

Hazel Wilson

Thanks for that Wendy, unfortunately that method still changes the cursor to indicate to the learner that the button is interactive, which is what I was trying to avoid.

I have since created the additional box with a 'hidden' and 'completed' state which works exactly as intended so thank you for prompting me to go down that thought path! Relieved to finally have this project complete! :)