\n
Tabs Interactions in E-Learning #199: Challenge | Recap
\n
Tabs interactions are a great way to chunk content into meaningful sections—or tabs—so learners can remain focused in the moment without jumping out to new slides. They’re also one of the most common e-learning interactions!
\n
Challenge of the Week
\n
This week, your challenge is to share a fresh example that demonstrates how tabs interactions are used in e-learning.
\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- Twitter: If you share your demos on Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness.
\n
\n
Last Week’s Challenge:
\n
Before you tab through this week’s challenge, check out the creative ways course designers are building escape room and adventure games in e-learning:
\n
\n
Escape the Room Games #198: Challenge | Recap
\n
Wishing you a fan-tabstic week, E-Learning Heroes!
\n
Share Your Tabs Examples!
\n
Share your tabs interaction examples in our current tabs challenge #272:
\n
","kudosSumWeight":0,"postTime":"2018-04-29T19:42:28.000-07:00","images":{"__typename":"AssociatedImageConnection","edges":[{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDE","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTI3MDczLTg5MDAyaTZCQzVFQjJDRTQxMTI2Rjc?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDI","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTI3MDczLTY3MDI3aUIwQkY3QzdFNzc2QjIxRjY?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDM","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTI3MDczLTYzOTUzaTA2M0JFMzhGNUMyMzcwMkM?revision=1\"}"}}],"totalCount":3,"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":"MjUuMnwyLjF8b3wxMHxfTlZffDE","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":"MjUuMnwyLjF8b3wxMHxfTlZffDI","node":{"__typename":"Tag","id":"tag:Interaction","text":"Interaction","time":"2018-01-29T14:29:31.000-08:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}},{"__typename":"TagEdge","cursor":"MjUuMnwyLjF8b3wxMHxfTlZffDM","node":{"__typename":"Tag","id":"tag:Navigation","text":"Navigation","time":"2016-02-24T11:36:28.000-08:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}}]},"timeToRead":1,"rawTeaser":"","introduction":"","coverImage":null,"coverImageProperties":{"__typename":"CoverImageProperties","style":"STANDARD","titlePosition":"BOTTOM","altText":""},"currentRevision":{"__ref":"Revision:revision:1127073_1"},"latestVersion":{"__typename":"FriendlyVersion","major":"1","minor":"0"},"metrics":{"__typename":"MessageMetrics","views":94},"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:1127073":{"__typename":"Conversation","id":"conversation:1127073","solved":false,"topic":{"__ref":"BlogTopicMessage:message:1127073"},"lastPostingActivityTime":"2020-03-07T13:40:31.000-08:00","lastPostTime":"2020-03-07T13:40:31.000-08:00","unreadReplyCount":125,"isSubscribed":false},"ModerationData:moderation_data:1127073":{"__typename":"ModerationData","id":"moderation_data:1127073","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTI3MDczLTg5MDAyaTZCQzVFQjJDRTQxMTI2Rjc?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTI3MDczLTg5MDAyaTZCQzVFQjJDRTQxMTI2Rjc?revision=1","title":"uploads_rte_qvkwcrpg_Tabs-Interactions-2018_CHALLENGE.png","associationType":"BODY","width":1512,"height":760,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTI3MDczLTY3MDI3aUIwQkY3QzdFNzc2QjIxRjY?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTI3MDczLTY3MDI3aUIwQkY3QzdFNzc2QjIxRjY?revision=1","title":"uploads_rte_vrdbqgfm_Escape-the-Room_RECAP.png","associationType":"BODY","width":1512,"height":760,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTI3MDczLTYzOTUzaTA2M0JFMzhGNUMyMzcwMkM?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTI3MDczLTYzOTUzaTA2M0JFMzhGNUMyMzcwMkM?revision=1","title":"uploads_rte_bmtrljcq_elearning-tabs-interactions_CHALLENGE.png","associationType":"BODY","width":1512,"height":760,"altText":null},"Revision:revision:1127073_1":{"__typename":"Revision","id":"revision:1127073_1","lastEditTime":"2018-04-29T19:42:28.000-07:00"},"BlogReplyMessage:message:1127095":{"__typename":"BlogReplyMessage","id":"message:1127095","conversation":{"__ref":"Conversation:conversation:1127073"},"author":{"__ref":"User:user:1467023"},"revisionNum":1,"uid":1127095,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"subject":"Re: Using Tab Navigation to Group Related Content in E-Learning (2018) #199","readOnly":true,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1127095"},"parent":{"__ref":"BlogReplyMessage:message:1127093"},"body":"beautiful..
","body@stringLength":"58","rawBody":"beautiful..
","author":{"__ref":"User:user:365586"},"postTime":"2018-05-01T20:07:15.000-07:00","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"repliesCount":3},"Revision:revision:1127095_1":{"__typename":"Revision","id":"revision:1127095_1","lastEditTime":"2018-05-01T20:13:58.000-07:00"},"QueryVariables:ReplyList:message:1127095:1":{"__typename":"QueryVariables","id":"ReplyList:message:1127095:1","value":{"id":"message:1127095","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-shared/client/components/users/UserAvatar-1743609295703":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1743609295703","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1743609295703":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1743609295703","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserRegistrationDate-1743609295703":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserRegistrationDate-1743609295703","value":{"noPrefix":"{date}","withPrefix":"Joined {date}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1743609295703":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeAvatar-1743609295703","value":{"altTitle":"Node avatar for {nodeTitle}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1743609295703":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeDescription-1743609295703","value":{"description":"{description}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/ThreadedReplyList-1743609295703":{"__typename":"CachedAsset","id":"text:en_US-components/messages/ThreadedReplyList-1743609295703","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:1127101":{"__typename":"ModerationData","id":"moderation_data:1127101","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1127101":{"__typename":"BlogReplyMessage","uid":1127101,"id":"message:1127101","revisionNum":1,"author":{"__ref":"User:user:365586"},"readOnly":true,"repliesCount":1,"depth":4,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1127095"},"conversation":{"__ref":"Conversation:conversation:1127073"},"subject":"Re: Using Tab Navigation to Group Related Content in E-Learning (2018) #199","moderationData":{"__ref":"ModerationData:moderation_data:1127101"},"body":"Thanks for posting the file too. I really want to see how you built the fades.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"83","kudosSumWeight":1,"postTime":"2018-05-02T08:48:38.000-07:00","lastPublishTime":"2018-05-02T08:48:38.000-07:00","metrics":{"__typename":"MessageMetrics","views":1},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1127073/message:1127101","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDExMjcxMDIsMTEyNzEwMg","node":{"__ref":"BlogReplyMessage:message:1127102"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1127102":{"__typename":"ModerationData","id":"moderation_data:1127102","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1127102":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:1467023"},"id":"message:1127102","revisionNum":1,"uid":1127102,"depth":5,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1127101"},"conversation":{"__ref":"Conversation:conversation:1127073"},"subject":"Re: Using Tab Navigation to Group Related Content in E-Learning (2018) #199","moderationData":{"__ref":"ModerationData:moderation_data:1127102"},"body":"You're welcome, Jodi! It's super simple. :)
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"45","kudosSumWeight":0,"repliesCount":0,"postTime":"2018-05-02T09:22:06.000-07:00","lastPublishTime":"2018-05-02T09:22:06.000-07:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1127073/message:1127102","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1743609295703":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1743609295703","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMore-1743609295703":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Pager/PagerLoadMore-1743609295703","value":{"loadMore":"Show More"},"localOverride":false}}}},"page":"/blogs/BlogMessagePage/BlogMessagePage","query":{"boardId":"e-learning-challenges","messageSubject":"using-tab-navigation-to-group-related-content-in-e-learning-2018-199","messageId":"1127073","replyId":"1127095"},"buildId":"Btkyb7T6TeYM9D2gUmiOv","runtimeConfig":{"buildInformationVisible":false,"logLevelApp":"info","logLevelMetrics":"info","openTelemetryClientEnabled":false,"openTelemetryConfigName":"articulate","openTelemetryServiceVersion":"25.2.0","openTelemetryUniverse":"prod","openTelemetryCollector":"http://localhost:4318","openTelemetryRouteChangeAllowedTime":"5000","apolloDevToolsEnabled":false,"inboxMuteWipFeatureEnabled":false},"isFallback":false,"isExperimentalCompile":false,"dynamicIds":["./components/customComponent/CustomComponent/CustomComponent.tsx","./components/community/Navbar/NavbarWidget.tsx","./components/community/Breadcrumb/BreadcrumbWidget.tsx","./components/blogs/BlogArticleWidget/BlogArticleWidget.tsx","./components/messages/MessageView/MessageViewStandard/MessageViewStandard.tsx","./components/customComponent/CustomComponentContent/TemplateContent.tsx","../shared/client/components/common/List/UnwrappedList/UnwrappedList.tsx","./components/tags/TagView/TagView.tsx","./components/tags/TagView/TagViewChip/TagViewChip.tsx","../shared/client/components/common/List/UnstyledList/UnstyledList.tsx","./components/messages/MessageView/MessageView.tsx","../shared/client/components/common/Pager/PagerLoadMore/PagerLoadMore.tsx"],"appGip":true,"scriptLoader":[]}