Collapsable Menu

Nov 20, 2017

I'm currently trying to create a navigation menu which enables the user to pause, resume and skip sections of a screen recording to teach them a process.

The plan is to have a control icon which when selected will show the navigation icons and when the control icon is then clicked again, the navigation bar will close. This needs to be available at all times throughout the video/step-by-step scene so the user can open and close the navigation bar when needed.

 

This doesn't appear achievable with states as I'm asking the user to constantly select the control icon to do two actions.. either close or open the navigation bar to support a combination of hidden and normal states..

 

My guess is I need to enlist the help of variables, would someone be able to point me in the right direction? Let me know if you need more information!

 

-Sarah

3 Replies
Walt Hamilton

There are a lot of options here. You would get a more targeted response is you could use the ADD  ATTACHMENT button and attach your file. Nevertheless, here are some general ideas.

To click one object and have two actions occur, the simplest approach is to use the selected and normal states. That would work if all you want to do is to (for example) change the text on the button. I think you are asking for something more complex. In that case, you need to create a T/F variable. When the user clicks the button, adjust the variable by choosing "= Not Assignment", which toggles it. Then a trigger to show the menu if the value of the variable is True, and one to hide it if "False".

If you are wanting to change the appearance or action of the objects in the menu, then your best bet is to put them on a layer, and show or hide the layer depending on the value of the T/F variable. 'each object will have its own appearance and action depending on what is happening in other parts of the project. The only way to know what is happening in other parts is with variables. Eg. when a section is finished, a variable is set to true. If that variable is true when the layer shows (timeline of layer starts), then the object's state is changed to Completed. (You can use your own name, but you will have a mess if you use "Visited").

If you want the menu layer to show on several different slides, then you need to put it on the master.

These ideas may get you started, and if you run into snags, attach your file here, and somebody will probably be able to pinpoint the solution.

Sarah Proctor

Update:


I've used variables as suggested but I'm unable to utilise them on a master as I've used screen recordings which were created by using the 'Record Screen' option in Storyline, therefore it doesn't allow me to edit the recording to shrink it to allow the master to come through. Also, I've tried using the layer option and creating an additional 'Pause' layer as I'm unable to pause the timeline on the base layer when just using one additional layer? However, i'm then unable to resume timeline on base layer from any layer? The other challenge is I would like to ensure the menu stays as is as the scene continues as when the slide advances automatically, it then resets the menu on the next slide but the user could still have the menu open? I presume this would be a variable setting..

 

My guess I think layers will be the best option as it's much cleaner, else I'm creating numerous variables on a bunch of slides and I can't duplicate them without having to tweak again. I've attached the file, Scene I'm tampering with is: 9 SS SECURITY QUESTION

The other challenge is I would like to ensure the menu stays as is as the scene continues as when the slide advances automatically, it then resets the menu on the next slide but the user could still have the menu open? I presume this would be a variable setting..

 

 

Any help would be much appreciated!

 

 

 

 

 

This discussion is closed. You can start a new discussion or contact Articulate Support.