\n
Scrolling Panels in E-Learning #169: Challenge | Recap
\n
In a recent discussion, Dave Ferguson shared tips and examples showcasing some creative ways scrolling panels can be used in Storyline.
\n
\n
View the scrolling panel example | Download the .story file
\n
If you’ve never used scrolling panels, you’re missing out on a fantastic way to present large images, lengthy text blocks, and other graphics that don’t fit well on a slide.
\n
Challenge of the Week
\n
This week, your challenge is to share one or more ways Storyline’s scrolling panel can be used in e-learning.
\n
Resources
\n
Storyline 2: Adding Scrolling Panels
\n
Storyline 360: Working with Scrolling Panels
\n
Last Week’s Challenge:
\n
Before you scroll through this week’s challenge, take some time to check out the amazing interactions your fellow community members shared in last week’s interactive office challenge:
\n
\n
Interactive Offices and Floor Plans #168: Challenge | Recap
\n
Wishing you a scroll-tastic week, E-Learning Heroes!
\n
Share Your Scrolling Panel Examples!
\n
Share your scrolling panel examples in our current challenge #273.
\n
","kudosSumWeight":0,"postTime":"2017-05-19T10:05:54.000-07:00","images":{"__typename":"AssociatedImageConnection","edges":[{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDE","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMwMTc3LTI1MTMzaTRGNkIyM0E2NkE3NzJBMTY?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDI","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMwMTc3LTIzODkxaTFEOEI0OUE0NkY4RjIwOEE?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDM","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMwMTc3LTk1NzAzaTY4NDhDOEMxNkMxOUNFQ0Y?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDQ","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMwMTc3LTMyMjY0aTE3QTc4MDQ0NDE3NjcwQzE?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":"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}}]},"timeToRead":1,"rawTeaser":"","introduction":"","coverImage":null,"coverImageProperties":{"__typename":"CoverImageProperties","style":"STANDARD","titlePosition":"BOTTOM","altText":""},"currentRevision":{"__ref":"Revision:revision:1130177_1"},"latestVersion":{"__typename":"FriendlyVersion","major":"1","minor":"0"},"metrics":{"__typename":"MessageMetrics","views":59},"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:1130177":{"__typename":"Conversation","id":"conversation:1130177","solved":false,"topic":{"__ref":"BlogTopicMessage:message:1130177"},"lastPostingActivityTime":"2018-03-12T08:59:11.000-07:00","lastPostTime":"2018-03-12T08:59:11.000-07:00","unreadReplyCount":155,"isSubscribed":false},"ModerationData:moderation_data:1130177":{"__typename":"ModerationData","id":"moderation_data:1130177","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMwMTc3LTI1MTMzaTRGNkIyM0E2NkE3NzJBMTY?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMwMTc3LTI1MTMzaTRGNkIyM0E2NkE3NzJBMTY?revision=1","title":"uploads_rte_wqupithj_scrolling-panels-in-elearning.png","associationType":"BODY","width":1512,"height":760,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMwMTc3LTIzODkxaTFEOEI0OUE0NkY4RjIwOEE?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMwMTc3LTIzODkxaTFEOEI0OUE0NkY4RjIwOEE?revision=1","title":"uploads_rte_sbnjlmfh_scrolling-panels-dave-ferguson.jpg","associationType":"BODY","width":1342,"height":712,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMwMTc3LTk1NzAzaTY4NDhDOEMxNkMxOUNFQ0Y?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMwMTc3LTk1NzAzaTY4NDhDOEMxNkMxOUNFQ0Y?revision=1","title":"uploads_rte_vmjochrn_overhead-office-recap2.jpg","associationType":"BODY","width":1512,"height":760,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMwMTc3LTMyMjY0aTE3QTc4MDQ0NDE3NjcwQzE?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTMwMTc3LTMyMjY0aTE3QTc4MDQ0NDE3NjcwQzE?revision=1","title":"uploads_rte_potdgcrz_scrolling-panels-in-elearning_CHALLENGE.png","associationType":"BODY","width":1512,"height":760,"altText":null},"Revision:revision:1130177_1":{"__typename":"Revision","id":"revision:1130177_1","lastEditTime":"2017-05-19T10:05:54.000-07:00"},"BlogReplyMessage:message:1130201":{"__typename":"BlogReplyMessage","id":"message:1130201","conversation":{"__ref":"Conversation:conversation:1130177"},"author":{"__ref":"User:user:1341060"},"revisionNum":1,"uid":1130201,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"subject":"Re: How Are You Using Scrolling Panels in E-Learning? #169","readOnly":true,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1130201"},"parent":{"__ref":"BlogReplyMessage:message:1130200"},"body":"In this course I used scrolling panels to mask areas of the slide and create some interesting visuals for this motion graphic themed course. All the animation is done using motions paths and scrolling panels.
http://visual-e-learning.com/Demos/ActiveShooter_Final_1.28.2017%20-%20Storyline%20output/story.html ","body@stringLength":"540","rawBody":"In this course I used scrolling panels to mask areas of the slide and create some interesting visuals for this motion graphic themed course. All the animation is done using motions paths and scrolling panels.
http://visual-e-learning.com/Demos/ActiveShooter_Final_1.28.2017%20-%20Storyline%20output/story.html ","author":{"__ref":"User:user:236551"},"postTime":"2017-05-20T21:43:40.000-07:00","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"repliesCount":7},"Revision:revision:1130201_1":{"__typename":"Revision","id":"revision:1130201_1","lastEditTime":"2017-05-21T08:59:12.000-07:00"},"QueryVariables:ReplyList:message:1130201:1":{"__typename":"QueryVariables","id":"ReplyList:message:1130201:1","value":{"id":"message:1130201","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-1743515094435":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1743515094435","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1743515094435":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1743515094435","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserRegistrationDate-1743515094435":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserRegistrationDate-1743515094435","value":{"noPrefix":"{date}","withPrefix":"Joined {date}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1743515094435":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeAvatar-1743515094435","value":{"altTitle":"Node avatar for {nodeTitle}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1743515094435":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeDescription-1743515094435","value":{"description":"{description}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/ThreadedReplyList-1743515094435":{"__typename":"CachedAsset","id":"text:en_US-components/messages/ThreadedReplyList-1743515094435","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:1130210":{"__typename":"ModerationData","id":"moderation_data:1130210","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1130210":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:236551"},"id":"message:1130210","revisionNum":1,"uid":1130210,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1130201"},"conversation":{"__ref":"Conversation:conversation:1130177"},"subject":"Re: How Are You Using Scrolling Panels in E-Learning? #169","moderationData":{"__ref":"ModerationData:moderation_data:1130210"},"body":"Only the ones I needed to mask part of an animation.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"55","kudosSumWeight":0,"repliesCount":0,"postTime":"2017-05-21T21:56:14.000-07:00","lastPublishTime":"2017-05-21T21:56:14.000-07:00","metrics":{"__typename":"MessageMetrics","views":3},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1130177/message:1130210","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-1743515094435":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1743515094435","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false}}}},"page":"/blogs/BlogMessagePage/BlogMessagePage","query":{"boardId":"e-learning-challenges","messageSubject":"how-are-you-using-scrolling-panels-in-e-learning-169","messageId":"1130177","replyId":"1130201"},"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"],"appGip":true,"scriptLoader":[]}