Forum Discussion

MelanieNass-5ed's avatar
MelanieNass-5ed
Community Member
9 years ago

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

  • 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.

  • EmilyRicco's avatar
    EmilyRicco
    Community 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?

  • 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.

  • EmilyRicco's avatar
    EmilyRicco
    Community Member

    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.