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

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.

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