Forum Discussion

JohnJohnson-6a8's avatar
JohnJohnson-6a8
Community Member
3 months ago

Prevent clicking other choices while selection plays?

The scenario I'm trying to describe is one in which there are 2 or more choices to click in a  "click to learn more about XYZ" scenario

What's the best way to prevent other items from being clicked on until the first clicked-on choice is completed? The user would be permitted to click in any order, but they would not be able to advance or click other items until the first they click completes.

I thought of using invisible boxes over each item which would be set to normal when any other of the items is clicked on. Seems like this could get snarly with the wrangling of all of the invisible boxes..

Can anyone share a best practice for this scenario?

Thank you in advance!

3 Replies

  • A transparent box over a clickable item (aka a button) doesn't prevent someone from accessing it with their keyboard. 

    Are the buttons are on the base, with the related content on layers? If so, you could set the Slide Layer Properties to prevent the user from clicking the base.

    Another option would be to switch the "Present as:" behavior to Dialog. That prevents the user from clicking the base and prevents them from interacting with the Player. Here's more info about that: https://access.articulate.com/support/article/Storyline-360-Dialog-Layers 

    Of course, with either of those options, you do have to ensure the user has a "Close" button that hides the layer, so they can return to the base and click other options. 

    The more complicated method would be to temporarily change buttons to Disabled when needed. 

    • MicheleIsrael's avatar
      MicheleIsrael
      Community Member

      Hi there...I have a similar question to what the person above asked. I want to make sure buttons are visited in a specific order...must click and complete before selecting the next button...it seems variables would be the way to go? Or change the states of? That's what I need.

      • JudyNollet's avatar
        JudyNollet
        Super Hero

        There are different ways to force a user to click buttons in order. 

        Start by having the 1st button in the Normal state. Give the other buttons an Initial State of Disabled.

        Then, depending on what happens when the user clicks a button, have triggers that change the state of each subsequent button to Normal at the appropriate time. For example:

        • when the previous button in the series is clicked
        • when the timeline ends on the layer shown by clicking the previous button in the series
        • when the timeline starts on the slide with the condition that a variable = True, with the variable change occurring on whatever slide the user jumps to when they click the previous button in the series