\n
Creating Custom Menus in E-Learning #358: Challenge | Recap
\n
Create a Custom Table of Contents to Help Learners Navigate Through the Course
\n
Today’s authoring tools make it easier than ever to customize how the menu looks and where it’s placed in the course player. But there will be times when designers want to move beyond the default menu options and design their own course menu.
\n
While DIY menus take longer to design and implement, they’re worth the time if they help learners get more from their training. And that’s what this week’s challenge is all about.
\n
Moving Beyond the Default Player Menu
\n
Storyline’s menu options on the Player Properties window allow you to control how the player menu appears in your published course. This is a classic table of contents–style menu that provides all the functionality most courses need.
\n
\n
Using a Table of Contents Style Menu
\n
When you want even more control over your menu design’s fonts, colors, graphics, bookmarking, and types of menu information, you’ll need to create everything yourself. The good news is: tools like Storyline make this really easy!
\n
\n
Challenge of the Week
\n
This week, your challenge is to share an example of a custom table of contents menu. You don’t need to build out a real project this week. Use placeholder slides and content to allow more time for your custom table of contents menu.
\n
Share Your E-Learning Work
\n
\n- Comments: Use the comments section below to share a link to your published example and blog post.
\n- Forums: Start your own thread and share a link to your published example..
\n- Personal blog: If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
\n- Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.
\n
\n
New to the E-Learning Challenges?
\n
The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.
\n
Learn more about the challenges in this Q&A post and why and how to participate in this helpful article.
\n
Last Week’s Challenge:
\n
Before you visualize custom menu ideas, check out the creative ways course designers use interactive graphs and charts from last week's e-learning challenge:
\n
\n
Interactive Chart and Graph Examples RECAP #357: Challenge | Recap
","kudosSumWeight":0,"postTime":"2022-01-28T07:43:30.000-08:00","images":{"__typename":"AssociatedImageConnection","edges":[{"__typename":"AssociatedImageEdge","cursor":"MjUuM3wyLjF8b3wyNXxfTlZffDE","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMxNDU2LTYyNjkzaUIwNEE4RUEzQUJGQUJBOEY?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuM3wyLjF8b3wyNXxfTlZffDI","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMxNDU2LTUwODExaURCNzE2NzBFRERDM0ZEMDg?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuM3wyLjF8b3wyNXxfTlZffDM","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMxNDU2LTE4OTg4aUQ4RjVCNTUzMzRENDVBREM?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuM3wyLjF8b3wyNXxfTlZffDQ","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMxNDU2LTU3MDgyaTZDQzcxQjMxNDY1RkE3QjQ?revision=1\"}"}}],"totalCount":4,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"tags":{"__typename":"TagConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"TagEdge","cursor":"MjUuM3wyLjF8b3wxMHxfTlZffDE","node":{"__typename":"Tag","id":"tag:E-Learning Challenge","text":"E-Learning Challenge","time":"2015-11-11T20:02:32.000-08:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}},{"__typename":"TagEdge","cursor":"MjUuM3wyLjF8b3wxMHxfTlZffDI","node":{"__typename":"Tag","id":"tag:Navigation","text":"Navigation","time":"2016-02-24T11:36:28.000-08:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}}]},"timeToRead":2,"rawTeaser":"","introduction":"","coverImage":null,"coverImageProperties":{"__typename":"CoverImageProperties","style":"STANDARD","titlePosition":"BOTTOM","altText":""},"currentRevision":{"__ref":"Revision:revision:1131456_1"},"latestVersion":{"__typename":"FriendlyVersion","major":"1","minor":"0"},"metrics":{"__typename":"MessageMetrics","views":563},"visibilityScope":"PUBLIC","canonicalUrl":null,"seoTitle":null,"seoDescription":null,"placeholder":false,"originalMessageForPlaceholder":null,"contributors":{"__typename":"UserConnection","edges":[]},"nonCoAuthorContributors":{"__typename":"UserConnection","edges":[]},"coAuthors":{"__typename":"UserConnection","edges":[]},"blogMessagePolicies":{"__typename":"BlogMessagePolicies","canDoAuthoringActionsOnBlog":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.blog.action_can_do_authoring_action.accessDenied","key":"error.lithium.policies.blog.action_can_do_authoring_action.accessDenied","args":[]}}},"archivalData":null,"customFields":[],"revisions({\"constraints\":{\"isPublished\":{\"eq\":true}},\"first\":1})":{"__typename":"RevisionConnection","totalCount":1}},"Conversation:conversation:1131456":{"__typename":"Conversation","id":"conversation:1131456","solved":false,"topic":{"__ref":"BlogTopicMessage:message:1131456"},"lastPostingActivityTime":"2024-01-12T12:58:54.000-08:00","lastPostTime":"2024-01-12T12:58:54.000-08:00","unreadReplyCount":208,"isSubscribed":false},"ModerationData:moderation_data:1131456":{"__typename":"ModerationData","id":"moderation_data:1131456","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMxNDU2LTYyNjkzaUIwNEE4RUEzQUJGQUJBOEY?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMxNDU2LTYyNjkzaUIwNEE4RUEzQUJGQUJBOEY?revision=1","title":"uploads_rte_rujlbaoq_Custom-Table-of-Contents-Slides_CHALLENGE.png","associationType":"BODY","width":1512,"height":760,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMxNDU2LTUwODExaURCNzE2NzBFRERDM0ZEMDg?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMxNDU2LTUwODExaURCNzE2NzBFRERDM0ZEMDg?revision=1","title":"uploads_rte_zuxnsydj_Default Storyline Player with Menu.png","associationType":"BODY","width":760,"height":380,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMxNDU2LTE4OTg4aUQ4RjVCNTUzMzRENDVBREM?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMxNDU2LTE4OTg4aUQ4RjVCNTUzMzRENDVBREM?revision=1","title":"uploads_rte_ydbwuohk_Chromeless Storyline Player Custom Menu.png","associationType":"BODY","width":629,"height":380,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMxNDU2LTU3MDgyaTZDQzcxQjMxNDY1RkE3QjQ?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMxNDU2LTU3MDgyaTZDQzcxQjMxNDY1RkE3QjQ?revision=1","title":"uploads_rte_fyxsrnkt_Interactive-Charts-Graphics_RECAP.png","associationType":"BODY","width":1512,"height":760,"altText":null},"Revision:revision:1131456_1":{"__typename":"Revision","id":"revision:1131456_1","lastEditTime":"2022-01-28T07:43:30.000-08:00"},"BlogReplyMessage:message:1131635":{"__typename":"BlogReplyMessage","id":"message:1131635","conversation":{"__ref":"Conversation:conversation:1131456"},"author":{"__ref":"User:user:647850"},"revisionNum":1,"uid":1131635,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"subject":"Re: Create a Custom Table of Contents Menu for E-Learning Courses #358","readOnly":false,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1131635"},"parent":{"__ref":"BlogReplyMessage:message:1131626"},"body":"Hi everyone,
A little late, but here is my submission to this challenge. You can view the demo via this link;
https://eyespirations.com/wp-content/uploads/elhChallenge2022/elhChallenge358%20-%20Storyline%20output/story.htmlor have a look behind the scenes via this source file;
https://downloads.elearningbrewery.org/s/YfIKrRxriiHlvw1CCheers! ;)
","body@stringLength":"757","rawBody":"Hi everyone,
A little late, but here is my submission to this challenge. You can view the demo via this link;
https://eyespirations.com/wp-content/uploads/elhChallenge2022/elhChallenge358%20-%20Storyline%20output/story.htmlor have a look behind the scenes via this source file;
https://downloads.elearningbrewery.org/s/YfIKrRxriiHlvw1CCheers! ;)
","author":{"__ref":"User:user:988340"},"postTime":"2022-02-07T04:19:44.000-08:00","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"repliesCount":4},"Revision:revision:1131635_1":{"__typename":"Revision","id":"revision:1131635_1","lastEditTime":"2022-02-10T14:39:17.000-08:00"},"QueryVariables:ReplyList:message:1131635:1":{"__typename":"QueryVariables","id":"ReplyList:message:1131635:1","value":{"id":"message:1131635","first":10,"sorts":{"postTime":{"direction":"ASC"}},"repliesFirst":3,"repliesFirstDepthThree":1,"repliesSorts":{"postTime":{"direction":"ASC"}},"useAvatar":true,"useAuthorLogin":true,"useAuthorRank":true,"useBody":true,"useKudosCount":true,"useTimeToRead":false,"useMedia":false,"useReadOnlyIcon":false,"useRepliesCount":true,"useSearchSnippet":false,"useAcceptedSolutionButton":false,"useSolvedBadge":false,"useAttachments":false,"attachmentsFirst":5,"useTags":false,"useNodeAncestors":false,"useUserHoverCard":false,"useNodeHoverCard":false,"useModerationStatus":true,"usePreviewSubjectModal":false,"useMessageStatus":true}},"ROOT_MUTATION":{"__typename":"Mutation"},"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1744833252892":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarDropdownToggle-1744833252892","value":{"ariaLabelClosed":"Press the down arrow to open the menu"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1744833252892":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1744833252892","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1744833252892":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1744833252892","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1744833252892":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1744833252892","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserRegistrationDate-1744833252892":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserRegistrationDate-1744833252892","value":{"noPrefix":"{date}","withPrefix":"Joined {date}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1744833252892":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeAvatar-1744833252892","value":{"altTitle":"Node avatar for {nodeTitle}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1744833252892":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeDescription-1744833252892","value":{"description":"{description}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/ThreadedReplyList-1744833252892":{"__typename":"CachedAsset","id":"text:en_US-components/messages/ThreadedReplyList-1744833252892","value":{"title":"{count, plural, one{# Reply} other{# Replies}}","title@board:BLOG":"{count, plural, one{# Comment} other{# Comments}}","title@board:TKB":"{count, plural, one{# Comment} other{# Comments}}","title@board:IDEA":"{count, plural, one{# Comment} other{# Comments}}","title@board:OCCASION":"{count, plural, one{# Comment} other{# Comments}}","noRepliesTitle":"No Replies","noRepliesTitle@board:BLOG":"No Comments","noRepliesTitle@board:TKB":"No Comments","noRepliesTitle@board:IDEA":"No Comments","noRepliesTitle@board:OCCASION":"No Comments","noRepliesDescription":"Be the first to reply","noRepliesDescription@board:BLOG":"Be the first to comment","noRepliesDescription@board:TKB":"Be the first to comment","noRepliesDescription@board:IDEA":"Be the first to comment","noRepliesDescription@board:OCCASION":"Be the first to comment","messageReadOnlyAlert:BLOG":"Comments have been turned off for this post","messageReadOnlyAlert:TKB":"Comments have been turned off for this article","messageReadOnlyAlert:IDEA":"Comments have been turned off for this idea","messageReadOnlyAlert:FORUM":"Replies have been turned off for this discussion","messageReadOnlyAlert:OCCASION":"Comments have been turned off for this event"},"localOverride":false},"ModerationData:moderation_data:1131650":{"__typename":"ModerationData","id":"moderation_data:1131650","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1131650":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:988340"},"id":"message:1131650","revisionNum":1,"uid":1131650,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1131635"},"conversation":{"__ref":"Conversation:conversation:1131456"},"subject":"Re: Create a Custom Table of Contents Menu for E-Learning Courses #358","moderationData":{"__ref":"ModerationData:moderation_data:1131650"},"body":"