Dimming a disabled button?
May 12, 2015
How can I dim a button until the narration finishes?
I have a slide with layers that are activated by clicking on buttons, and I want them to listen to the whole narration before clicking the buttons. They also must select all the buttons before continuing to the next slide. I have already successfully changed the states to disabled until timeline finishes, and also have deactivated the built-in Next button until they view all the layers and added a layer to the Next button which says "you must click all the buttons before continuing to the next slide."
All well and good, BUT I have no way to indicate that no matter how many times they click the layer buttons, they won't work until the narration ends. Simply graying them out seems to be the best option, but I can't figure out how to do that! Other suggestions are also welcome if there is no way to dim a button.
Thanks!
Karen
3 Replies
Hi Karen
another trick I use is to put a shape over the buttons that is Fill white 100% transparent - which means if they see they button they can't click on them to activate and the hand cursor doesn't become active. Then I would change the state of the shape/s to hidden when the audio completes.
Hi Karen,
We usually either have a state that has a 50% transparency or put a partially transparent box over the button. At the end of the slide, change the button to have a 100% opacity so it is clear they can now click it.
Another thing you can do is create a trigger that checks to see if the audio layer is finished (or at the end of the timeline), if it isn't, instead of moving on, a little popup tells the user that they need to wait till the slide is complete.
Looks like you are getting assistance here Karen. Just let us know if you need anything further.
This discussion is closed. You can start a new discussion or contact Articulate Support.