Forum Discussion
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!
16 Replies
Hi Rick!
I'm not very savvy with JavaScript nor am I aware of an example to share with you on this topic. Hopefully someone will be able to chime in and assist you here.
bump - anyone have a potential solution? Thanks!
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.
Hi Rachel,
It looks like you may have found the response you were looking for or did you still have a question we can help you with?
Yes I did - thanks! The link above solved my question and I want to make sure to share it with others.
;)Rachel
hi
How can I use JavaScript? A sample example
Hi Masood,
To get started with Javascript, check out our best practices here.
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.
Not working….:(
But thanks!Claudio Fayngolz
claudiofayngolz@gmail.com
203.247.7406
skype: cfayngolz
www.claudiofayngolz.com
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.
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 :)
Thank you!
