Forum Discussion

JudyNollet's avatar
JudyNollet
Super Hero
2 years ago

TIP: Master Toggling On and Off

Have you ever wanted an on/off button to use throughout your course? 

I recently saw a question about toggling a button. That's easy to do with built-in functionality: If an object has a Normal state and a Selected state, it will automatically switch between those states when clicked—without the need for triggers. 

And you could use a trigger on that button to toggle between True and False in a T/F variable.

To make one toggling button available throughout a course, it needs to be on a Slide Master or Layout. That requires a few more triggers.

See the attached demo file for instructions. You can also watch it in action here: https://360.articulate.com/review/content/61d05d23-130b-4e4c-b9bc-b7cc9719a454/review 

7 Replies

  • I updated the instructions in the demo file and added links to some resources. 

    • EricSantos's avatar
      EricSantos
      Staff

      Thank you for sharing these updates with the community, JudyNollet! This resource is highly valuable for course authors who require a master toggle in their projects.

      Wishing you a pleasant rest of your day. 😊

  • Doug1234's avatar
    Doug1234
    Community Member

    Another great demo that I can certainly use in my work. 

    With regards to slide 5, I've recreated what you've shown, where I've added a rectangle with text on it that wipes down when I click the button, and wipes back up when you click it again (toggling between hidden and normal states). But, after five secs, the rectangle automatically scrolls back up when it gets to the end of the timeline.

    How would I set it to remain open until the user clicks the button to close it? Would it have to be a separate layer?

    • JudyNollet's avatar
      JudyNollet
      Super Hero

      Doug1234​: It sounds like there's an exit animation on the rectangle. That would always run when the timeline ends. 

      Remove the exit animation, and the rectangle will stay on the slide until the user clicks the button to close it. However, it will just disappear when it's hidden (instead of wiping up). 

      If you show the object on a layer, you could get around the issue by pausing the timeline of the layer after the entrance animation. Then another button click could resume the timeline of the layer. Another trigger would need to close the layer when its timeline ends. The Slide Layer Properties would need to be "Reset to initial state" so it would start over. Caveat: If the user re-clicks the button faster than the animations complete, that could mess things up. 

      It'd be simpler to put the object on a layer. Don't give it any animations. But add a Fade Transition to the layer.  Or add any type of Transition. However, the transition effects don't change direction. 

      • Doug1234's avatar
        Doug1234
        Community Member

        Hi Judy,

        Yes, there was an exit animation on the rectangle, but after I wrote my original comment, I did make a separate layer for each one, pausing the timeline on each layer when the timeline started. I've included my results in the attached file, but I see to have run into another problem. I'd like to reveal a third layer ("All correct") when both buttons are clicked and the variables are true. I thought I had it sorted out by simply having a trigger where when both buttons are "true", show the third layer. But, for the life of me, I can't figure it out. If you have a few moments, have a look at the attached file and try to figure out where I'm going wrong. 

         

        Thanks again for your lessons!