TIP: Create a Custom Menu Slide

Sep 23, 2020

Judy Nollet
By Judy Nollet

Do you want to create your own Menu slide? Do you want to ensure that the user can't advance to your summary and/or quiz until they have visited all of the other scenes in your course?

Well, you're not alone. This topic comes up quite a bit in the Forum. Here are the basic instructions for creating a custom menu slide: 

  • Create a T/F variable for each scene (topic, module, branch, or whatever you want to call it). Set the initial value be False to represent that the user hasn't yet completed the scene.
  • On the last slide of each scene, create a trigger that adjusts the corresponding variable to True when the timeline starts or ends (depending on your preferred restrictions).
    • Alternately, add the trigger to the Next button. But if you do that, be sure the trigger appears before the trigger that jumps to the next slide.
  • On the custom Menu slide:
    • Add a trigger to change the state of the Next button to Disabled when the timeline starts. Include conditions so this trigger executes if any of the variables =False. (Tip: Be sure to connect the conditions with "OR" instead of "AND.")
    • Add a trigger to change the state of the Next button to Normal with the conditions that all the variables are True. (Tip: Be sure to connect the conditions with "AND" instead of "OR.")
      • To ensure this trigger executes every time a user returns to the custom Menu slide, have that slide "Reset to initial state" when revisiting.
      • Or, if there are animations on the timeline that you don't want to repeat on revisiting, do this: Put the trigger on a blank layer, and set the Layer Properties to "Reset to initial state." You'll also need a trigger on the base layer to show that blank layer when the timeline starts.

By the way, you can use the same basic instructions even if you don't include a Next button on your custom Menu slide.

  • To do this, disable and enable whatever button you have for advancing (for example, a Go to Quiz button) using the steps above that describe how to disable and enable the Next button.

If you're not familiar with variables and conditions, I highly recommend that you check out Articulate's tutorials and user guides (https://community.articulate.com/articles/tutorials-and-documentation). They provide the real power in the program.

*** UPDATE ***

I attached a file that demonstrates and explains how this works.

If you scroll down in the comments, Sarah Hodge's comment links to an example that shows how to make the user go through the scenes/sections in order. 

13 Replies
Deborah Woldanski
over 2 years ago08/30/21 at 3:24 pm (UTC)

Good instructions and template! Thanks for the help.

[cid:image003.png@01D79D91.5CAD02A0]
Deborah Woldanski
Training Support Specialist
100 North Conahan Drive
Hazleton, PA 18201

e. deborah.woldanski@dbiservices.com
p. +1.570.459.1112 | ext. 6334
m. +1.352.232.9791

DBISERVICES.COM
This message contains information which may be confidential and privileged. Unless you are the intended addressee
(or authorized to receive for the intended addressee), you may not use, copy or disclose to anyone the message or any
information contained in the message. If you have received the message in error, please advise the sender by replying
to this message and delete this e-mail immediately.

NOTICE: This email is covered by the Electronic Communications Privacy Act, 18 U.S.C. Section 2510-2521 and is legally privileged. This message and any attachments hereto may contain confidential information intended only for the use of the individual or entity named above. If you are not the intended recipient(s), or the employee or agent responsible for delivery of this message to the intended recipient(s), you are hereby notified that any dissemination, distributions or copying of this email message is strictly prohibited. If you have received this message in error, please immediately notify the sender and delete this email from your computer.

Darren McNeill
over 2 years ago09/15/21 at 10:57 am (UTC)

Is it possible to change the location in the player of the menu so it can be accessed from the top? In the screenshot there is a custom menu and clicking on the Course Map shows a drop down of the Menu. This was created using Storyline by a vendor but not sure how it was done?

 

Sign In to Reply