Forum Discussion
Disable slider until timeline ends in layer - Storyline 360
Hi,
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.
9 Replies
- TracyParishSuper Hero
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.
- MelanieNass-5edCommunity Member
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.
- MichaelHinzeCommunity Member
You could also use triggers to change the state of the slider between normal and disabled. See attached and example.
- EmilyRiccoCommunity Member
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?
- WaltHamiltonSuper Hero
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.
- EmilyRiccoCommunity Member
Thank you Walt! I was using a no fill. Didn't know the difference. That helps a lot!
- HiannaSabo-f0c9Community Member
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."
- LauraParenti-c8Community Member
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.
- WaltHamiltonSuper Hero
Great find.