Forum Discussion

GregFaust's avatar
GregFaust
Community Member
10 years ago

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.

storyline 360
  • JenniferJack's avatar
    JenniferJack
    Community Member
    23 days ago

    Hello! I cannot get this code to work either. Has anyone figured it out? Thanks.

    • TomKuhlmann's avatar
      TomKuhlmann
      Staff
      23 days ago

      JenniferJack this post is ten years old and a lot has changed with the tools. I'd jump to the JavaScript group and repost the question and you'll get up-to-date help. You can join the group via this link.

  • ManpreetVerma-d's avatar
    ManpreetVerma-d
    Community Member
    4 years ago

    Ellen: I am not sure what you are trying to achieve, but on base layer you can simply switch it off from setting icon. Having the seekbar ON on base layer and not on sub layer was bit of a challenge.

    If you tell how you make it off on sub layer, having it ON on base layer, would be great!

    • EllenCarnahan's avatar
      EllenCarnahan
      Community Member
      4 years ago

      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 :)

  • EllenCarnahan's avatar
    EllenCarnahan
    Community Member
    4 years ago

    I've used this code with success on layers, but it doesn't seem to be working for me on the base layer...

  • ScottMoeller's avatar
    ScottMoeller
    Community Member
    4 years ago

    The execute Java script hide didn't work for me either. Anyway to get you to explain further or add step by step?

  • OnodaSakamichi's avatar
    OnodaSakamichi
    Community Member
    6 years ago

    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.

  • AndrewBaloga-ce's avatar
    AndrewBaloga-ce
    Community Member
    6 years ago

    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.

  • AshleyT-Pollard's avatar
    AshleyT-Pollard
    Staff
    10 years ago

    Glad I could point you in the right direction Greg and feel free to let us know how it goes with your workaround. 

Related Content