Greyed out items on menu screen

Sep 27, 2012

I've been wondering bout this for awhile but never really needed to do it... until now.

I need to be able to control when the headings in the menu change colour so they only change when that part of the training is actually complete. By default as soon as the heading is clicked on or passed over it will go grey, even if you just clicked on for a second.

Is it possible to link the headings to variables?

Thanks

11 Replies
Jeanette Brooks

Hi James! Yes, if you've got a course with multiple sections that you want learners to complete, what you could do is create a true/false variable at the END of each section, and then use that variable to change the appearance of the menu item when the learner returns to the menu. Is that what you're hoping to do? Take a look at this example and see if it helps: https://player.vimeo.com/video/204931777

If that's not quite what you're looking for, would you be able to show us a screenshot of your menu slide (or attach the story file itself) and provide a little more detail about the behavior you want to create?

James Brandwood

Thanks for that Jeanette but I am not using a menu slide.

I probably wasn't very clear because I posted this thread just before I went on holiday, but I am trying to effect the default menu on the side of the player. At the moment the menu items go grey as soon as the slide starts playing. I only want it to go grey when the slide has finished.

In particular this is causing a problem when a learner clicks on an area on the menu and it pops up with a message saying "you must complete 'x' before you can view this slide 'y'". Then it redirects them to the correct area but the slide they were redirected from stays grey on the menu.

Jeanette Brooks

Hi James, right now the color change in the player's menu titles will always happen as soon as the learner reaches the slide. From what you describe, it sounds like your message "You must complete 'x' before you view this slide 'y'" is something that you've built on a slide layer on the destination slide. So even though the layer pops up as you've designed, Storyline is considering the user as having arrived at the slide, and that's why the color's changing in the menu. Unfortunately there isn't a way to delay the color change until the slide is viewed (although that would make a great feature request!).

James Brandwood

Yes I have that message pop up on a layer and on some older modules that use Engage interactions or those that have webobjects, they are redirected to a seperate slide (the layers don't work correctly on these occasions). This still causes the main slide to be greyed out however as it still counts as having visited the slide for even a fraction of a second.

I did think of putting a varible on the 'next' button to redirect them based on a condition, but these modules can also be navigated by the menu so that wouldn't really help.

I will add this as a feature request and look forward to it in a future update. I have made about 5 of these relating to having more control of the player and it's controls so hopefully being able to put triggers and conditions on the controls, more control over what player buttons are present and things like that will all happen together.

Thanks again Jeanette.

Ashley Terwilliger-Pollard

Hi Allan,

I don't believe that this feature is included yet, and you're welcome to join James in his feature request.  The current built in ways to customize the player menu are included here.  You may be able to set up some more customized options if you're comfortable with creating some code and using the Storyline SDK.  

Teresa Scanlon

Jeanette,

You said "right now the color change in the player's menu titles will always happen as soon as the learner reaches the slide." This is not happening by default for me. Only the very first item in my menu changes color, regardless of where the user is in the course navigation. How can I get this to happen? 

Jeanette Brooks

Hi Teresa, I'm not sure why the player menu items would not be changing color for you when you move your way through your course. The only thing I can think of is that in your player, perhaps the color associated with the "viewed" menu items is the same as that of the non-viewed items. Here's a color guide that might help  https://community.articulate.com/download/storyline-2-player-colors ...specifically check the color for "List Item>Viewed item" vs the color for "List Item > Normal Text." If that doesn't help, perhaps submit a case so that a support specialist can take a look at your file?

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