Hide or Show Seekbar in slide

I've read several posts on this topic, but none have answered the question. Is there a way (using javascript) to hide the seekbar or show the seekbar using a javascript trigger?

i.e. make a button that hides it, and another button to show it...both in the same slide.

Please add code if you have it - soooo much appreciated!

Thanks!

15 Replies
Onoda Sakamichi

Hi, Rachel.

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.

Janil  Samson
Claudio Fayngolz

Now that the latest version of Storyline 360 doesn't support Jquery, what will be the best way to do this?

Hi Claudio,

I recently encountered this as well. I'm no expert in JavaScript but a workaround  that worked for me was defining the DIV ID  of the player controls as a variable to hide and show it. Here is what I used in the execute Java trigger:

To hide:

var x = document.getElementById("playback-controls");
{x.style.display = "none";

}

To show:

var x = document.getElementById("playback-controls");
{x.style.display = "block";

}

Again, this worked for me but I'm no Java expert so hopefully someone else in the community can give you a better solution.

Janil  Samson

Hi Claudio. Sorry to hear it didn’t work for you.

Did you set your default initial player seek bar setting to be visible?

 

I sent you an email with an attached sample storyline 360 file  which I tested works (output both latest google and Edge worked). See if that one works for you.

 Best of luck.

Leslie McKerchie

Hi Claudio,

I see that Janil is continuing to assist you. 

I wanted to let you know that your email signature came through when you replied via email. You can remove that if needed by clicking ‘Edit’ beneath your response. Here’s a quick Peek video if you need help.

Thanks for your help, Janil :)