Hi all, I want to build a storyline activity where the buttons are showed at the beginning, but it cannot be clicked until the timeline reaches cue point 1.
Create a true/false variable called BtnReady and set it to FALSE when the slide timeline starts.
Add a trigger to set BtnReady to TRUE when the timeline reaches cue pt #1.
Then, on the trigger that you have connected to your button, add a condition so it only works when BtnReady equals True.
The only real drawback here is the button looks clickable, some users will click away and be a little frustrated that nothing is happening on this seemingly-clickable-button.
2. Use States.
Add a state to your buttons called NotReady. When you create this state, it will look exactly like the NORMAL state. Adjust the color of the button to make it look more "grey" and dull in this state.
Make NotReady the initial state for your button.
Add a trigger to change the state of your buttons to NORMAL when the timeline reaches cue pt #1.
Then, on the trigger that you have connected to your button, add a condition so it only works when button state is NORMAL.
3. Use an interference shape.
You can draw a box over the button(s), make the box the same color as your background so it's sort of invisible, then set the transparency to 50% which allows the buttons to glimpse through from underneath. This will make the buttons unclickable while the shape is there.
Set a trigger to change the state of the box you've added to HIDDEN when timeline reaches cue pt #1.
I may be a little thick here, why not use a disabled state as initial state and a trigger to change state to normal when the timeline reaches cue point #1
3 Replies
Several ideas:
1. Use variables.
Create a true/false variable called BtnReady and set it to FALSE when the slide timeline starts.
Add a trigger to set BtnReady to TRUE when the timeline reaches cue pt #1.
Then, on the trigger that you have connected to your button, add a condition so it only works when BtnReady equals True.
The only real drawback here is the button looks clickable, some users will click away and be a little frustrated that nothing is happening on this seemingly-clickable-button.
2. Use States.
Add a state to your buttons called NotReady. When you create this state, it will look exactly like the NORMAL state. Adjust the color of the button to make it look more "grey" and dull in this state.
Make NotReady the initial state for your button.
Add a trigger to change the state of your buttons to NORMAL when the timeline reaches cue pt #1.
Then, on the trigger that you have connected to your button, add a condition so it only works when button state is NORMAL.
3. Use an interference shape.
You can draw a box over the button(s), make the box the same color as your background so it's sort of invisible, then set the transparency to 50% which allows the buttons to glimpse through from underneath. This will make the buttons unclickable while the shape is there.
Set a trigger to change the state of the box you've added to HIDDEN when timeline reaches cue pt #1.
Thank you so much Jerry! I used your 2nd advice and it works so well!
I may be a little thick here, why not use a disabled state as initial state and a trigger to change state to normal when the timeline reaches cue point #1
This discussion is closed. You can start a new discussion or contact Articulate Support.