⚠️ Hi evreybody, big challenge today ⚠️
I am currently creating a course in the shape of a magazine. I would like to add a Javascript code in my storyline file in order to recreate the roll / flip page transition you can find in Powerpoint. Any ideas if it's possible and how can I manage to do that ?
>> it's not for a PDF in a webobject, I would like to be able to flip all slides of the course (intro, content, quiz, result page etc...) exactly like powerpoint does. So the code has to be build for the slide and not for a webobject.
Let me know, have a nice day ☀️
","kudosSumWeight":0,"postTime":"2024-07-07T01:37:51.000-07:00","images":{"__typename":"AssociatedImageConnection","edges":[],"totalCount":0,"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":"MjUuMXwyLjF8b3wxMHxfTlZffDE","node":{"__typename":"Tag","id":"tag:storyline 360","text":"storyline 360","time":"2014-10-09T03:01:38.000-07:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}}]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:959110_1"},"latestVersion":null,"metrics":{"__typename":"MessageMetrics","views":348},"visibilityScope":"PUBLIC","canonicalUrl":null,"seoTitle":null,"seoDescription":null,"isEscalated":null,"placeholder":false,"originalMessageForPlaceholder":null,"messagePolicies":{"__typename":"MessagePolicies","canModerateSpamMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","args":[]}}},"archivalData":null,"customFields":[],"body":"⚠️ Hi evreybody, big challenge today ⚠️
I am currently creating a course in the shape of a magazine. I would like to add a Javascript code in my storyline file in order to recreate the roll / flip page transition you can find in Powerpoint. Any ideas if it's possible and how can I manage to do that ?
>> it's not for a PDF in a webobject, I would like to be able to flip all slides of the course (intro, content, quiz, result page etc...) exactly like powerpoint does. So the code has to be build for the slide and not for a webobject.
Let me know, have a nice day ☀️
"},"Conversation:conversation:959110":{"__typename":"Conversation","id":"conversation:959110","solved":false,"topic":{"__ref":"ForumTopicMessage:message:959110"},"lastPostingActivityTime":"2025-01-29T12:01:25.057-08:00","lastPostTime":"2025-01-29T12:01:25.057-08:00","unreadReplyCount":16,"isSubscribed":false},"ModerationData:moderation_data:959110":{"__typename":"ModerationData","id":"moderation_data:959110","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"Revision:revision:959110_1":{"__typename":"Revision","id":"revision:959110_1","lastEditTime":"2024-07-07T01:37:51.000-07:00"},"ForumReplyMessage:message:1212545":{"__typename":"ForumReplyMessage","id":"message:1212545","conversation":{"__ref":"Conversation:conversation:959110"},"author":{"__ref":"User:user:165994"},"revisionNum":1,"uid":1212545,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:discuss"},"subject":"Re: FLIP BOOK / ROLL PAGE ANIMATION / TRANSITION","readOnly":false,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1212545"},"parent":{"__ref":"ForumReplyMessage:message:1212529"},"body":"This library seems promising.
This library seems promising.
Hi. I notice you never did get a reply to this question. Did you ever find a way to do this? I am also looking to replicate the magazine flipping page effect for each slide.
","body@stringLength":"180","rawBody":"Hi. I notice you never did get a reply to this question. Did you ever find a way to do this? I am also looking to replicate the magazine flipping page effect for each slide.
","author":{"__ref":"User:user:417371"},"isEscalated":null,"postTime":"2025-01-10T14:14:50.734-08:00","parent":{"__ref":"ForumTopicMessage:message:959110"},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"repliesCount":1},"Revision:revision:1212545_1":{"__typename":"Revision","id":"revision:1212545_1","lastEditTime":"2025-01-11T04:17:04.108-08:00"},"QueryVariables:ReplyList:message:1212545:1":{"__typename":"QueryVariables","id":"ReplyList:message:1212545:1","value":{"id":"message:1212545","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":true,"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-1740185487428":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1740185487428","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1740185487428":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1740185487428","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/messages/AcceptedSolutionButton-1740185487428":{"__typename":"CachedAsset","id":"text:en_US-components/messages/AcceptedSolutionButton-1740185487428","value":{"accept":"Mark as Solution","accepted":"Marked as Solution","errorHeader":"Error!","errorAdd":"There was an error marking as solution.","errorRemove":"There was an error unmarking as solution.","solved":"Solved"},"localOverride":false},"CachedAsset:text:en_US-components/messages/ThreadedReplyList-1740185487428":{"__typename":"CachedAsset","id":"text:en_US-components/messages/ThreadedReplyList-1740185487428","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},"CachedAsset:text:en_US-shared/client/components/nodes/NodeIcon-1740185487428":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeIcon-1740185487428","value":{"contentType":"Content Type {style, select, FORUM {Forum} BLOG {Blog} TKB {Knowledge Base} IDEA {Ideas} OCCASION {Events} other {}} icon"},"localOverride":false},"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1740185487428":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1740185487428","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false}}}},"page":"/forums/ForumMessagePage/ForumMessagePage","query":{"boardId":"discuss","messageSubject":"flip-book--roll-page-animation--transition","messageId":"959110","replyId":"1212545"},"buildId":"UtG3-Pbti3STtL2t_tPEH","runtimeConfig":{"buildInformationVisible":false,"logLevelApp":"info","logLevelMetrics":"info","openTelemetryClientEnabled":false,"openTelemetryConfigName":"articulate","openTelemetryServiceVersion":"25.1.0","openTelemetryUniverse":"prod","openTelemetryCollector":"http://localhost:4318","openTelemetryRouteChangeAllowedTime":"5000","apolloDevToolsEnabled":false,"inboxMuteWipFeatureEnabled":false},"isFallback":false,"isExperimentalCompile":false,"dynamicIds":["./components/seo/QAPageSchema/QAPageSchema.tsx","./components/customComponent/CustomComponent/CustomComponent.tsx","./components/community/Navbar/NavbarWidget.tsx","./components/community/Breadcrumb/BreadcrumbWidget.tsx","./components/messages/TopicWithThreadedReplyListWidget/TopicWithThreadedReplyListWidget.tsx","./components/messages/RelatedContentWidget/RelatedContentWidget.tsx","./components/messages/MessageListForNodeByRecentActivityWidget/MessageListForNodeByRecentActivityWidget.tsx","./components/messages/MessageView/MessageViewStandard/MessageViewStandard.tsx","../shared/client/components/common/List/UnstyledList/UnstyledList.tsx","./components/messages/MessageView/MessageView.tsx","./components/messages/MessageView/MessageViewInline/MessageViewInline.tsx","../shared/client/components/common/List/ListGroup/ListGroup.tsx","../shared/client/components/common/Pager/PagerLoadMore/PagerLoadMore.tsx","../shared/client/components/common/List/UnwrappedList/UnwrappedList.tsx","./components/tags/TagView/TagView.tsx","./components/tags/TagView/TagViewChip/TagViewChip.tsx"],"appGip":true,"scriptLoader":[]}