Here's an interactive meal-planning example created using Storyline 2.
\nThis example leverages Storyline's built-in drag states to provide visual feedback when the food objects are dragged over the plate.
\nLearn more: How I built this interaction
\nHere's an interactive meal-planning example created using Storyline 2.
\nThis example leverages Storyline's built-in drag states to provide visual feedback when the food objects are dragged over the plate.
\nLearn more: How I built this interaction
\nSo, this doesn't actually scroll which is the part that I need.🙃
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"67","kudosSumWeight":0,"repliesCount":0,"postTime":"2025-03-21T17:22:40.862-07:00","lastPublishTime":"2025-03-21T17:22:40.862-07:00","metrics":{"__typename":"MessageMetrics","views":27},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"community:rwgqn69235board:discover/message:1175424/message:1221202","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}}},"User:user:120422":{"__typename":"User","id":"user:120422","uid":120422,"login":"StevenBenassi","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2022-11-08T06:39:50.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/aid%7C93426a26-c1e9-4e2e-99e6-ef22248d0b8d"},"rank":{"__ref":"Rank:rank:2"},"entityType":"USER","eventPath":"community:rwgqn69235/user:120422"},"ModerationData:moderation_data:1221273":{"__typename":"ModerationData","id":"moderation_data:1221273","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1221273":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:120422"},"id":"message:1221273","revisionNum":2,"uid":1221273,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:discover"},"parent":{"__ref":"BlogTopicMessage:message:1175424"},"conversation":{"__ref":"Conversation:conversation:1175424"},"subject":"Re: Storyline: Healthy Choices Drag-and-Drop Food Selection Game","moderationData":{"__ref":"ModerationData:moderation_data:1221273"},"body":"Hi AmyGtt!
\nI just replied to your other post, here!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"60","kudosSumWeight":0,"repliesCount":0,"postTime":"2025-03-24T06:29:46.089-07:00","lastPublishTime":"2025-03-24T06:30:10.990-07:00","metrics":{"__typename":"MessageMetrics","views":23},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"community:rwgqn69235board:discover/message:1175424/message:1221273","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/community/Navbar-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/community/Navbar-1744833251000","value":{"community":"Community Home","inbox":"Inbox","manageContent":"Manage Content","tos":"Terms of Service","forgotPassword":"Forgot Password","themeEditor":"Theme Editor","edit":"Edit Navigation Bar","skipContent":"Skip to content","migrated-link-9":"Share Examples","migrated-link-7":"Connect","Common-community-blog-link":"Community Blog","migrated-link-8":"Discuss Articulate Products","migrated-link-1":"User Guides","migrated-link-2":"Training and Tutorials","Common-external-link":"Articulate Homepage","migrated-link-0":"Learn","migrated-link-5":"E-Books","migrated-link-6":"E-Learning Challenges","migrated-link-3":"Articles","migrated-link-4":"Product Updates","migrated-link-14":"About","Common-external-link-5":"Articulate Status","migrated-link-12":"Join Groups","Common-external-link-4":"Case Studies","migrated-link-13":"Discover","Common-external-link-3":"Blog","Common-exchange-link":"Exchange Best Practices","migrated-link-10":"Suggest Ideas","Common-external-link-2":"Product Support","migrated-link-11":"Attend Events","Common-external-link-1":"Resource Center","Common-training-webinars-link":"Live Training Webinars","Common-welcome-center-link":"Welcome Center","video-tutorials-link":"Video Tutorials"},"localOverride":false},"CachedAsset:text:en_US-components/community/NavbarHamburgerDropdown-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarHamburgerDropdown-1744833251000","value":{"hamburgerLabel":"Side Menu"},"localOverride":false},"CachedAsset:text:en_US-components/community/BrandLogo-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/community/BrandLogo-1744833251000","value":{"logoAlt":"Khoros","themeLogoAlt":"Brand Logo"},"localOverride":false},"CachedAsset:text:en_US-components/community/NavbarTextLinks-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarTextLinks-1744833251000","value":{"more":"More"},"localOverride":false},"CachedAsset:text:en_US-components/search/SpotlightSearchIcon-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/search/SpotlightSearchIcon-1744833251000","value":{"search":"Search"},"localOverride":false},"CachedAsset:text:en_US-components/authentication/AuthenticationLink-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/authentication/AuthenticationLink-1744833251000","value":{"title.login":"Sign In","title.registration":"Register","title.forgotPassword":"Forgot Password","title.multiAuthLogin":"Sign In"},"localOverride":false},"CachedAsset:text:en_US-components/nodes/NodeLink-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/nodes/NodeLink-1744833251000","value":{"place":"Place {name}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageCoverImage-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageCoverImage-1744833251000","value":{"coverImageTitle":"Cover Image"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeTitle-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeTitle-1744833251000","value":{"nodeTitle":"{nodeTitle, select, community {Community} other {{nodeTitle}}} "},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageTimeToRead-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageTimeToRead-1744833251000","value":{"minReadText":"{min} MIN READ"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageSubject-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageSubject-1744833251000","value":{"noSubject":"(no subject)"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserLink-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserLink-1744833251000","value":{"authorName":"View Profile: {author}","anonymous":"Anonymous"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/users/UserRank-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserRank-1744833251000","value":{"rankName":"{rankName}","userRank":"Author rank {rankName}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageTime-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageTime-1744833251000","value":{"postTime":"Published: {time}","lastPublishTime":"Last Update: {time}","conversation.lastPostingActivityTime":"Last posting activity time: {time}","conversation.lastPostTime":"Last post time: {time}","moderationData.rejectTime":"Rejected time: {time}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageBody-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageBody-1744833251000","value":{"showMessageBody":"Show More","mentionsErrorTitle":"{mentionsType, select, board {Board} user {User} message {Message} other {}} No Longer Available","mentionsErrorMessage":"The {mentionsType} you are trying to view has been removed from the community.","videoProcessing":"Video is being processed. Please try again in a few minutes.","bannerTitle":"Video provider requires cookies to play the video. Accept to continue or {url} it directly on the provider's site.","buttonTitle":"Accept","urlText":"watch"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageCustomFields-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageCustomFields-1744833251000","value":{"CustomField.default.label":"Value of {name}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageRevision-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageRevision-1744833251000","value":{"lastUpdatedDatePublished":"{publishCount, plural, one{Published} other{Updated}} {date}","lastUpdatedDateDraft":"Created {date}","version":"Version {major}.{minor}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/QueryHandler-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/QueryHandler-1744833251000","value":{"title":"Query Handler"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageReplyButton-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageReplyButton-1744833251000","value":{"repliesCount":"{count}","title":"Reply","title@board:BLOG@message:root":"Comment","title@board:TKB@message:root":"Comment","title@board:IDEA@message:root":"Comment","title@board:OCCASION@message:root":"Comment"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageAuthorBio-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageAuthorBio-1744833251000","value":{"sendMessage":"Send Message","actionMessage":"Follow this blog board to get notified when there's new activity","coAuthor":"CO-PUBLISHER","contributor":"CONTRIBUTOR","userProfile":"View Profile","iconlink":"Go to {name} {type}"},"localOverride":false},"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarDropdownToggle-1744833251000","value":{"ariaLabelClosed":"Press the down arrow to open the menu"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1744833251000","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1744833251000","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/attachments/AttachmentView/AttachmentViewChip-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/attachments/AttachmentView/AttachmentViewChip-1744833251000","value":{"errorTitle":"Failed!","previewFile":"Preview File","downloadFile":"Download File {name}","removeFile":"Remove File {name}","errorBadExtension":"This file does not have a valid extension. \"{extensions}\" are the valid extensions.","errorFileEmpty":"This file is empty or does not exist.","errorTooLarge":"The maximum file size is: {maxFileSize}.","errorTooMany":"Too many attachments. The maximum number of attachments per message is: {maxAttachmentCount, number, integer}.","errorDuplicate":"This file is already attached."},"localOverride":false},"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1744833251000","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserRegistrationDate-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserRegistrationDate-1744833251000","value":{"noPrefix":"{date}","withPrefix":"Joined {date}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeAvatar-1744833251000","value":{"altTitle":"Node avatar for {nodeTitle}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeDescription-1744833251000","value":{"description":"{description}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageListMenu-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageListMenu-1744833251000","value":{"postTimeAsc":"Oldest","postTimeDesc":"Newest","kudosSumWeightAsc":"Least Liked","kudosSumWeightDesc":"Most Liked","sortTitle":"Sort By","sortedBy.item":" { itemName, select, postTimeAsc {Oldest} postTimeDesc {Newest} kudosSumWeightAsc {Least Liked} kudosSumWeightDesc {Most Liked} other {}}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable-1744833251000","value":{"loadMore":"Show More"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeIcon-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeIcon-1744833251000","value":{"contentType":"Content Type {style, select, FORUM {Forum} BLOG {Blog} TKB {Knowledge Base} IDEA {Ideas} OCCASION {Events} other {}} icon"},"localOverride":false}}}},"page":"/blogs/BlogMessagePage/BlogMessagePage","query":{"after":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTc1NDI1LDExNzU0MzU","boardId":"discover","messageSubject":"storyline-healthy-choices-drag-and-drop-food-selection-game","messageId":"1175424"},"buildId":"ISAhs0UxT148eG089lpQq","runtimeConfig":{"buildInformationVisible":false,"logLevelApp":"info","logLevelMetrics":"info","openTelemetryClientEnabled":false,"openTelemetryConfigName":"articulate","openTelemetryServiceVersion":"25.3.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/messages/ThreadedReplyList/ThreadedReplyList.tsx","./components/customComponent/CustomComponentContent/TemplateContent.tsx","../shared/client/components/common/List/UnwrappedList/UnwrappedList.tsx","./components/attachments/AttachmentView/AttachmentView.tsx","./components/attachments/AttachmentView/AttachmentViewChip/AttachmentViewChip.tsx","./components/tags/TagView/TagView.tsx","./components/tags/TagView/TagViewChip/TagViewChip.tsx","../shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable/PagerLoadMorePreviousNextLinkable.tsx","../shared/client/components/common/List/UnstyledList/UnstyledList.tsx","./components/messages/MessageView/MessageView.tsx"],"appGip":true,"scriptLoader":[]}/blog/articles/create-color-tints-and-shades-with-this-powerpoint-template/1079466?after=MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTc1NDI1LDExNzU0MzU