Create my own menu

Hi,

Can somebody help me about how to create my own menu.

I created a slide with a menu. And the idea is to click on the button to access to the chapter.

So there is 4 chapter in my menu.

I want the 3 last chapter "disabled" (so that the user can't click on these 3 last buttons) until all the 1st chapter is read.

At the last slide of the 1st chapter, when the user click on the "next" button, he'll arrive on the menu slide and the 2nd chapter will be "normal" (so that the user can click on this button).

I hope that you understood my question and somebody can help me.

Thanks

Sherlina

8 Replies
Michael Hinze

Sherlina, have a look at the attached file (here is the published version: http://dev.keypointlearn.com/xcl71_SL/SevenTopics/V4/story.html) and see if that's what you wanted. I adapted this file from a previous sample to include four sections and a menu slide. The initial state of menu buttons 2-3 is disabled. The state of these buttons is changed to Normal, once a CompletionVariable (set at the end of section1) is set to True.

Uchiha Itachi

Sherlina Austin said:

Hi,

 

Can somebody help me about how to create my own menu.

I created a slide with a menu control. And the idea is to click on the button toaccess to the chapter.

So there is 4 chapter in my menu.

I want the 3 last chapter "disabled" (so that the usercan't click on these 3 last buttons) until all the 1st chapter is read.

At the last slide of the 1st chapter, when the user click on the"next" button, he'll arrive on the menu slide and the 2nd chapterwill be "normal" (so that the user can click on this button).

 

I hope that you understood my question and somebody can help me.

 

Thanks

Normal 0 rawingGridVerticalSpacing>7.8 磅 0 2 false false false EN-US ZH-CN X-NONE /* Style Definitions */ table.MsoNormalTable {mso-style-name:普通表格; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-qformat:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.5pt; mso-bidi-font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-font-kerning:1.0pt;} Normal 0 7.8 磅 0 2 false false false EN-US ZH-CN X-NONE

Normal 0 7.8 磅 0 2 false false false EN-US ZH-CN X-NONE /* Style Definitions */ table.MsoNormalTable {mso-style-name:普通表格; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-qformat:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.5pt; mso-bidi-font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-font-kerning:1.0pt;}

Hard question.It looks that I need read more about the menu control tutorial.

Steve McAneney
  • Set all menu button initial states except the first one to 'disabled'.
  • Make 3 true/false variables, one for each chapter (chapter1, chapter2, chapter3). You don't need a variable for the 4th chapter because that is the end of the course. Initial state for each variable should be false. 
  • On menu button 2 set a trigger to change variable 'chapter1' to true when 'timeline starts' for the last slide of chapter1. Better to have it set to 'when timeline starts' instead of 'when timeline ends' just in case the user tries to skip the end of the slide (which I allow them to do).
  • On the same menu button 2 set another trigger to change the button state from disabled to normal when the chapter1 variable = true. These two triggers must be in the above order in the trigger panel in Storyline, otherwise this won't work.

I have done this from memory, but it should work like a dream. You can add to it by customising the states of your menu buttons to look more like they are disabled (change the colour so they are 'faded' looking). 

Hope this helps.