Show and hide seekbar in a slide: Is it possible?

Aug 13, 2015

On a single slide, I have:

  • Layers that ask the learner to read and/or interact, then click a button to move to another part of the slide (no seekbar needed).
  • Layers that present audio, appearing/disappearing objects, and other stuff typical of a lecture slide (seekbar needed).

The question is, is it possible to hide the seekbar while some layers are showing, and to show the seekbar while other layers are showing?

My tests so far make me think the answer might be "no" in Storyline 2, but I wanted to field the question to the community.

12 Replies
Andrew Baloga

Hello, Greg.

To hide the seekbar on individual layers, insert a trigger to execute JavaScript and enter this single line of code:

$('div.controls-group.control-bar.cs-seekcontrol.progress-control').hide();

You will need to enter the same code, but change .hide(); to .show(); on layers, including the base layer, where you want the seekbar to display.

$('div.controls-group.control-bar.cs-seekcontrol.progress-control').show();

Please note this works only with HTML5 output, not Flash.

Onoda Sakamichi

To hide the seekbar on individual layers, insert a trigger to execute JavaScript and enter this single line of code:

$('div.controls-group.control-bar.cs-seekcontrol.progress-control').hide();

You will need to enter the same code, but change .hide(); to .show(); on layers, including the base layer, where you want the seekbar to display.


$('div.controls-group.control-bar.cs-seekcontrol.progress-control').show();

Please note this works only with HTML5 output, not Flash.

Ellen Carnahan

Thank you Manpreet! I do routinely use that "Options" feature. The trouble here is that we have audio on one of the layers, and would like to have a seekbar on only that layer.

Because the base layer option is the master switch, it's a blunt tool and turns off all layer seekbar options as well. 

I tried turning off the base layer and using "show" on the layer, but that didn't work either :)