I am using Storyline 360, and have an activity where I inserted a slider and 11 layers for each stopping point. Each layer has audio and I want the slider disabled until the audio / timeline ends for each layer. How do I do this?
I've attached the slide with the slider and layers.
You could do this. Add a transparent shape on each layer to cover the slider. It can be seen not clicked. Then when the media ends add a trigger that hides the shape.
I added one to the first layer, but kept the outline on it so you could see how it functions.
GEEEEEEENIUS! Thank you, Tracy! Just when I think I thought of everything, there appears one that NEVER crossed my mind!
Just so I know the correct answer, can this only be done without a creative work around? If not, I'm going to suggest it as an enhancement to be considered on future releases.
Hi Tracy - This workaround doesn't seem to work anymore. When I add a transparent shape on the layer to cover the slider, I can still move the slider in preview mode. I was able to reproduce this in your example file and in my personal file. Is it different when published? Is there a different option to disable the slider?
Is your transparent shape a shape that is filled with a color and set to 95+% transparency? If it is a shape with no fill, it won't intercept the click.
I just tried doing this on Feb 2022, and adding a 95+% transparency still allows me to move the slider. My solution was to change the setting on the layer itself to "prevent users from clicking on the base layer."
There is another way to make the transparent shape disable an object below it (using no fill), is to create a "disabled" state for the shape. Then set the initial state to disabled and it works perfectly.
9 Replies
You could do this. Add a transparent shape on each layer to cover the slider. It can be seen not clicked. Then when the media ends add a trigger that hides the shape.
I added one to the first layer, but kept the outline on it so you could see how it functions.
GEEEEEEENIUS! Thank you, Tracy! Just when I think I thought of everything, there appears one that NEVER crossed my mind!
Just so I know the correct answer, can this only be done without a creative work around? If not, I'm going to suggest it as an enhancement to be considered on future releases.
You could also use triggers to change the state of the slider between normal and disabled. See attached and example.
Hi Tracy - This workaround doesn't seem to work anymore. When I add a transparent shape on the layer to cover the slider, I can still move the slider in preview mode. I was able to reproduce this in your example file and in my personal file. Is it different when published? Is there a different option to disable the slider?
Is your transparent shape a shape that is filled with a color and set to 95+% transparency? If it is a shape with no fill, it won't intercept the click.
Thank you Walt! I was using a no fill. Didn't know the difference. That helps a lot!
I just tried doing this on Feb 2022, and adding a 95+% transparency still allows me to move the slider. My solution was to change the setting on the layer itself to "prevent users from clicking on the base layer."
There is another way to make the transparent shape disable an object below it (using no fill), is to create a "disabled" state for the shape. Then set the initial state to disabled and it works perfectly.
Great find.