Forum Discussion

PetraZellweger's avatar
PetraZellweger
Community Member
2 months ago

Progress bar with javascript not working in new versions

Hi all. I am new here. Maybe a beginner question....

I found out that my javascript progress bar doesn't work after the updates past 8th october 2024. I couldn't find out why, tried with the console and different ways. I think the <div> is not visible or not inserted. Could you please check my script in the example file? Probably you have seen this scipt in other projects, its from the web.

Behaviour:
start slide (without progress bar)
1. slide - master slide 1 - progress bar works fine the first time.
2. slide - master slide 1 - progress bar failes.
3. slide - master slide 2 - progress bar works fine.
4. slide - master slide 1 - progress bar works fine.

If I have two slides with the same master slide in a row, on the second slide the progress bar failes.

I upload a example with 4 slides. The script is on the master. Any help is welcome. Thank you.

13 Replies

  • Hi Petra,

    I just checked my own template that uses basicaly the same progress bar and JS, and it also doesn't work anymore :-(

    Can't figure out what changed because it worked fine in the past, so definitively is caused by the update you mentioned.

    Hope someone has a workaround for this....

     

  • Hi PetraZellweger not sure if you'd be interested, but this is a progress bar that I have developed. It uses a WebObject to and imports an HTML page that is used to display the progress bar. The progress is calculated on the built-in variable Menu.Progress, which calculates progress based on visited slides. The style of the progress bar is controlled by some Storyline defined variables:

    • pbBorderWidth

    • pbBorderColor

    • pbBorderRadius

    • pbFillColor

    When you import the WebObject, you just defined the size (height and width) and position that you want. The HTML page in the WebObject then initialises the style of the progress bar (once), and updates the progress as the user progresses.

    Note: This progress bar is based on the percentage of the module complete (visited slides), therefore if the user navigates backwards, the progress bar will not go backwards. If 80% of the slides are visited, then the progress bar will remain at 80% even when navigating backwards.

    I've attached a Storyline example, as well as the index.html to import as the WebObject. Once the WebObject is imported, it is bundled in your Storyline file and is no longer linked to the file that was imported.

    Update: It's not letting me attach the HTML file used for the WebObject, so I'm just putting the HTML page source code here:

    <!DOCTYPE html>
    <html lang="en" id="pbiframe">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Progress Bar</title>
        <style>
            * { margin:0; padding:0; overflow:hidden; }
            #wrapper, #progressbar {  box-sizing: border-box; position: absolute; background-color: transparent; }
            #wrapper {  width:100vw; height:100vh; border-style:solid; }
            #progressbar { height:100vh; width:0%;}
        </style>
    </head>
    <body>
    <div id="wrapper"><div id="progressbar" data-initialised="false"></div></div>
    <script>
        REBUS = (function(){
        return {
            init: function (progressbar, wrapper) {
                const player = parent.GetPlayer();
                const borderWidth = player.GetVar('pbBorderWidth');
                const borderColor = player.GetVar('pbBorderColor');
                const borderRadius = player.GetVar('pbBorderRadius');
                const pbFillColor = player.GetVar('pbFillColor');
                wrapper.style.borderColor = borderColor;
                wrapper.style.borderWidth = borderWidth;
                wrapper.style.borderRadius = borderRadius;
                progressbar.style.backgroundColor = pbFillColor;
            },
            updateProgressBar: function (progressbar)
            {
                const player = parent.GetPlayer();
                // Get player vars
                const progress = player.GetVar('_playerVars.#menuProgress').replace('%', '');
                // set the width of the progress bard
                progressbar.style.width = Number(progress) + '%';
            }
        }
    })();
    const progressbar = document.getElementById('progressbar');
    const wrapper = document.getElementById('wrapper');
    // initialise the progress bar
    if(progressbar.dataset.initialised === 'false') {
        REBUS.init(progressbar, wrapper);
        progressbar.dataset.initialised = 'true';
    }
    // update the progress bar
    REBUS.updateProgressBar(progressbar);
    </script>
    </body>
    </html>

     

    • PetraZellweger's avatar
      PetraZellweger
      Community Member

      Hi Sam, thank you for your example. What I coudn't figure out are the colors. Where can I change that?

      However, I hope there is a soloution with my script and someone can help.
      I opened a ticket, but no solution from the support.

      • SamHill's avatar
        SamHill
        Super Hero

        Hi PetraZellweger, you can update the colours through the variables in Storyline. Check out the Storyline I provided and then take a look at the variables that are defined and used for the colours:

        pbBorderWidth: Border width

         

        pbBorderColor: Border colour

         

        pbBorderRadius: Border radius (curve)

         

        pbFillColor: Progress bar fill colour

    • VicovandenEv121's avatar
      VicovandenEv121
      Community Member

      Thanks for sharing Sam!

      Using the Webobject method makes it hard to share the Storyline file as a template with other team members, since they all have to put the index.html file on their harddrive and then change the path to this file in the WebObject.

      Is there an a way implement the code into the Storyline project so the extra steps aren't needed?

      • SamHill's avatar
        SamHill
        Super Hero

        Hi VicovandenEv121, using a WebObject bundles the HTML file in the project. Once inserted, you could delete the index.html file and it still exists in the Storyline file. Sharing the Storyline file with the WebObject includes the bundled files. This is why I use this method as it is set and forget. No pre/post publish edits required, no linking to files on your system 

  • Hello everyone, I have come closer to solving the problem. It is probably due to the loading time of the DOM. Maybe the script works if it is executed with a small delay. What do you think? Is that possible?

      • ElizabethPat123's avatar
        ElizabethPat123
        Community Member

        Tried a couple of things before finding this post. Nothing worked.  Changed trigger on Master Slide to when timeline reaches cue point (0.15s).  Don't love that the progress bar flashes on each slide but better than randomly appearing on some slides and not others.  Thanks for the quick fix.

"}},"componentScriptGroups({\"componentId\":\"custom.widget.GoogleTag\"})":{"__typename":"ComponentScriptGroups","scriptGroups":{"__typename":"ComponentScriptGroupsDefinition","afterInteractive":{"__typename":"PageScriptGroupDefinition","group":"AFTER_INTERACTIVE","scriptIds":[]},"lazyOnLoad":{"__typename":"PageScriptGroupDefinition","group":"LAZY_ON_LOAD","scriptIds":[]}},"componentScripts":[]},"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"components/community/NavbarDropdownToggle\"]})":[{"__ref":"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/EscalatedMessageBanner\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/EscalatedMessageBanner-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"components/users/UserLink\"]})":[{"__ref":"CachedAsset:text:en_US-components/users/UserLink-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/users/UserRank\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/users/UserRank-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageTime\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageTime-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageSolvedBadge\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageSolvedBadge-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageSubject\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageSubject-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageBody\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageBody-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageCustomFields\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageCustomFields-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageReplyButton\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageReplyButton-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/AcceptedSolutionButton\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/AcceptedSolutionButton-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/common/Pager/PagerLoadMore\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMore-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageView/MessageViewInline\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageView/MessageViewInline-1742336094940"}],"message({\"id\":\"message:1217220\"})":{"__ref":"ForumReplyMessage:message:1217220"},"message({\"id\":\"message:1217222\"})":{"__ref":"ForumReplyMessage:message:1217222"},"message({\"id\":\"message:1217594\"})":{"__ref":"ForumReplyMessage:message:1217594"},"message({\"id\":\"message:1217700\"})":{"__ref":"ForumReplyMessage:message:1217700"},"message({\"id\":\"message:1218244\"})":{"__ref":"ForumReplyMessage:message:1218244"},"message({\"id\":\"message:1218680\"})":{"__ref":"ForumReplyMessage:message:1218680"},"message({\"id\":\"message:1219283\"})":{"__ref":"ForumReplyMessage:message:1219283"},"message({\"id\":\"message:1219386\"})":{"__ref":"ForumReplyMessage:message:1219386"},"message({\"id\":\"message:1216888\"})":{"__ref":"ForumReplyMessage:message:1216888"},"message({\"id\":\"message:1217000\"})":{"__ref":"ForumReplyMessage:message:1217000"},"message({\"id\":\"message:1217011\"})":{"__ref":"ForumReplyMessage:message:1217011"},"message({\"id\":\"message:1217074\"})":{"__ref":"ForumReplyMessage:message:1217074"},"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/users/UserAvatar\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/ranks/UserRankLabel\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"components/attachments/AttachmentView/AttachmentViewChip\"]})":[{"__ref":"CachedAsset:text:en_US-components/attachments/AttachmentView/AttachmentViewChip-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/nodes/NodeIcon\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/nodes/NodeIcon-1742336094940"}],"cachedText({\"lastModified\":\"1742336094940\",\"locale\":\"en-US\",\"namespaces\":[\"components/tags/TagView/TagViewChip\"]})":[{"__ref":"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1742336094940"}]},"CachedAsset:pages-1741992390149":{"__typename":"CachedAsset","id":"pages-1741992390149","value":[{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"BlogViewAllPostsPage","type":"BLOG","urlPath":"/category/:categoryId/blog/:boardId/all-posts/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"CasePortalPage","type":"CASE_PORTAL","urlPath":"/caseportal","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"CreateGroupHubPage","type":"GROUP_HUB","urlPath":"/groups/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"CaseViewPage","type":"CASE_DETAILS","urlPath":"/case/:caseId/:caseNumber","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"InboxPage","type":"COMMUNITY","urlPath":"/inbox","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"HelpFAQPage","type":"COMMUNITY","urlPath":"/help","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"IdeaMessagePage","type":"IDEA_POST","urlPath":"/idea/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"IdeaViewAllIdeasPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId/all-ideas/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"LoginPage","type":"USER","urlPath":"/signin","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"BlogPostPage","type":"BLOG","urlPath":"/category/:categoryId/blogs/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"ThemeEditorPage","type":"COMMUNITY","urlPath":"/designer/themes","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"TkbViewAllArticlesPage","type":"TKB","urlPath":"/category/:categoryId/kb/:boardId/all-articles/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"OccasionEditPage","type":"EVENT","urlPath":"/event/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"OAuthAuthorizationAllowPage","type":"USER","urlPath":"/auth/authorize/allow","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"PageEditorPage","type":"COMMUNITY","urlPath":"/designer/pages","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"PostPage","type":"COMMUNITY","urlPath":"/category/:categoryId/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"ForumBoardPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"TkbBoardPage","type":"TKB","urlPath":"/category/:categoryId/kb/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"EventPostPage","type":"EVENT","urlPath":"/category/:categoryId/events/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"UserBadgesPage","type":"COMMUNITY","urlPath":"/users/:login/:userId/badges","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"GroupHubMembershipAction","type":"GROUP_HUB","urlPath":"/membership/join/:nodeId/:membershipType","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"MaintenancePage","type":"COMMUNITY","urlPath":"/maintenance","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"IdeaReplyPage","type":"IDEA_REPLY","urlPath":"/idea/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"UserSettingsPage","type":"USER","urlPath":"/mysettings/:userSettingsTab","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"GroupHubsPage","type":"GROUP_HUB","urlPath":"/groups","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"ForumPostPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"OccasionRsvpActionPage","type":"OCCASION","urlPath":"/event/:boardId/:messageSubject/:messageId/rsvp/:responseType","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"VerifyUserEmailPage","type":"USER","urlPath":"/verifyemail/:userId/:verifyEmailToken","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"AllOccasionsPage","type":"OCCASION","urlPath":"/category/:categoryId/events/:boardId/all-events/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"EventBoardPage","type":"EVENT","urlPath":"/category/:categoryId/events/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"TkbReplyPage","type":"TKB_REPLY","urlPath":"/kb/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"IdeaBoardPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"CommunityGuideLinesPage","type":"COMMUNITY","urlPath":"/communityguidelines","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"CaseCreatePage","type":"SALESFORCE_CASE_CREATION","urlPath":"/caseportal/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"TkbEditPage","type":"TKB","urlPath":"/kb/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"ForgotPasswordPage","type":"USER","urlPath":"/forgotpassword","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"IdeaEditPage","type":"IDEA","urlPath":"/idea/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"TagPage","type":"COMMUNITY","urlPath":"/tag/:tagName","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"BlogBoardPage","type":"BLOG","urlPath":"/category/:categoryId/blog/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"OccasionMessagePage","type":"OCCASION_TOPIC","urlPath":"/event/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"ManageContentPage","type":"COMMUNITY","urlPath":"/managecontent","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"ClosedMembershipNodeNonMembersPage","type":"GROUP_HUB","urlPath":"/closedgroup/:groupHubId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"CommunityPage","type":"COMMUNITY","urlPath":"/","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"ForumMessagePage","type":"FORUM_TOPIC","urlPath":"/discussions/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"IdeaPostPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"BlogMessagePage","type":"BLOG_ARTICLE","urlPath":"/blog/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"RegistrationPage","type":"USER","urlPath":"/register","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"EditGroupHubPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"ForumEditPage","type":"FORUM","urlPath":"/discussions/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"ResetPasswordPage","type":"USER","urlPath":"/resetpassword/:userId/:resetPasswordToken","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"TkbMessagePage","type":"TKB_ARTICLE","urlPath":"/kb/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"BlogEditPage","type":"BLOG","urlPath":"/blog/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"ManageUsersPage","type":"USER","urlPath":"/users/manage/:tab?/:manageUsersTab?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"ForumReplyPage","type":"FORUM_REPLY","urlPath":"/discussions/:boardId/:messageSubject/:messageId/replies/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"PrivacyPolicyPage","type":"COMMUNITY","urlPath":"/privacypolicy","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"NotificationPage","type":"COMMUNITY","urlPath":"/notifications","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"UserPage","type":"USER","urlPath":"/users/:login/:userId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"HealthCheckPage","type":"COMMUNITY","urlPath":"/health","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"OccasionReplyPage","type":"OCCASION_REPLY","urlPath":"/event/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"ManageMembersPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/manage/:tab?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"SearchResultsPage","type":"COMMUNITY","urlPath":"/search","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"BlogReplyPage","type":"BLOG_REPLY","urlPath":"/blog/:boardId/:messageSubject/:messageId/replies/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"GroupHubPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"TermsOfServicePage","type":"COMMUNITY","urlPath":"/termsofservice","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"CategoryPage","type":"CATEGORY","urlPath":"/category/:categoryId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"ForumViewAllTopicsPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId/all-topics/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"TkbPostPage","type":"TKB","urlPath":"/category/:categoryId/kbs/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1741992390149,"localOverride":null,"page":{"id":"GroupHubPostPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"}],"localOverride":false},"CachedAsset:text:en_US-components/context/AppContext/AppContextProvider-0":{"__typename":"CachedAsset","id":"text:en_US-components/context/AppContext/AppContextProvider-0","value":{"noCommunity":"Cannot find community","noUser":"Cannot find current user","noNode":"Cannot find node with id {nodeId}","noMessage":"Cannot find message with id {messageId}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Loading/LoadingDot-0":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Loading/LoadingDot-0","value":{"title":"Loading..."},"localOverride":false},"User:user:-1":{"__typename":"User","id":"user:-1","uid":-1,"login":"Anonymous","email":"","avatar":null,"rank":null,"kudosWeight":1,"registrationData":{"__typename":"RegistrationData","status":"ANONYMOUS","registrationTime":null,"confirmEmailStatus":false,"registrationAccessLevel":"VIEW","ssoRegistrationFields":[]},"ssoId":null,"profileSettings":{"__typename":"ProfileSettings","dateDisplayStyle":{"__typename":"InheritableStringSettingWithPossibleValues","key":"layout.friendly_dates_enabled","value":"true","localValue":"true","possibleValues":["true","false"]},"dateDisplayFormat":{"__typename":"InheritableStringSetting","key":"layout.format_pattern_date","value":"MM-dd-yyyy","localValue":"MM-dd-yyyy"},"language":{"__typename":"InheritableStringSettingWithPossibleValues","key":"profile.language","value":"en-US","localValue":null,"possibleValues":["en-US"]}},"deleted":false},"Theme:customTheme1":{"__typename":"Theme","id":"customTheme1"},"GroupHub:grouphub:javascript":{"__typename":"GroupHub","id":"grouphub:javascript","entityType":"GROUP_HUB","displayId":"javascript","nodeType":"grouphub","depth":3,"title":"JavaScript","shortTitle":"JavaScript","parent":{"__ref":"Category:category:join-groups"}},"Category:category:top":{"__typename":"Category","id":"category:top","displayId":"top","nodeType":"category","depth":0,"title":"Top","entityType":"CATEGORY","shortTitle":"Top"},"Category:category:connect":{"__typename":"Category","id":"category:connect","displayId":"connect","nodeType":"category","depth":1,"parent":{"__ref":"Category:category:top"},"title":"Connect","entityType":"CATEGORY","shortTitle":"Connect","categoryPolicies":{"__typename":"CategoryPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Category:category:join-groups":{"__typename":"Category","id":"category:join-groups","displayId":"join-groups","nodeType":"category","depth":2,"parent":{"__ref":"Category:category:connect"},"title":"Join Groups","entityType":"CATEGORY","shortTitle":"Join Groups","categoryPolicies":{"__typename":"CategoryPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Forum:board:javascriptforum-board":{"__typename":"Forum","id":"board:javascriptforum-board","entityType":"FORUM","displayId":"javascriptforum-board","nodeType":"board","depth":4,"conversationStyle":"FORUM","title":"JavaScript","description":"","avatar":null,"profileSettings":{"__typename":"ProfileSettings","language":null},"parent":{"__ref":"GroupHub:grouphub:javascript"},"ancestors":{"__typename":"CoreNodeConnection","edges":[{"__typename":"CoreNodeEdge","node":{"__ref":"Community:community:rwgqn69235"}},{"__typename":"CoreNodeEdge","node":{"__ref":"Category:category:connect"}},{"__typename":"CoreNodeEdge","node":{"__ref":"Category:category:join-groups"}},{"__typename":"CoreNodeEdge","node":{"__ref":"GroupHub:grouphub:javascript"}}]},"userContext":{"__typename":"NodeUserContext","canAddAttachments":true,"canUpdateNode":false,"canPostMessages":false,"isSubscribed":false},"boardPolicies":{"__typename":"BoardPolicies","canPublishArticleOnCreate":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.forums.policy_can_publish_on_create_workflow_action.accessDenied","key":"error.lithium.policies.forums.policy_can_publish_on_create_workflow_action.accessDenied","args":[]}}},"shortTitle":"Forum","repliesProperties":{"__typename":"RepliesProperties","sortOrder":"PUBLISH_TIME","repliesFormat":"threaded"},"eventPath":"grouphub:javascript/category:join-groups/category:connect/community:rwgqn69235board:javascriptforum-board/","tagProperties":{"__typename":"TagNodeProperties","tagsEnabled":{"__typename":"PolicyResult","failureReason":null}},"requireTags":false,"tagType":"FREEFORM_ONLY"},"Rank:rank:6":{"__typename":"Rank","id":"rank:6","position":5,"name":"Community Member","color":"333333","icon":null,"rankStyle":"TEXT"},"User:user:1014535":{"__typename":"User","id":"user:1014535","uid":1014535,"login":"PetraZellweger","deleted":false,"avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C5aa1e700b23768242fcecbc5"},"rank":{"__ref":"Rank:rank:6"},"email":"","messagesCount":4,"biography":null,"topicsCount":1,"kudosReceivedCount":2,"kudosGivenCount":2,"kudosWeight":1,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2022-06-12T22:24:53.000-07:00","confirmEmailStatus":null},"followersCount":null,"solutionsCount":0,"entityType":"USER","eventPath":"community:rwgqn69235/user:1014535"},"ForumTopicMessage:message:1216879":{"__typename":"ForumTopicMessage","uid":1216879,"subject":"Progress bar with javascript not working in new versions","id":"message:1216879","revisionNum":1,"repliesCount":13,"author":{"__ref":"User:user:1014535"},"depth":0,"hasGivenKudo":false,"board":{"__ref":"Forum:board:javascriptforum-board"},"conversation":{"__ref":"Conversation:conversation:1216879"},"readOnly":false,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1216879"},"body":"

Hi all. I am new here. Maybe a beginner question....

I found out that my javascript progress bar doesn't work after the updates past 8th october 2024. I couldn't find out why, tried with the console and different ways. I think the <div> is not visible or not inserted. Could you please check my script in the example file? Probably you have seen this scipt in other projects, its from the web.

\n

Behaviour:
start slide (without progress bar)
1. slide - master slide 1 - progress bar works fine the first time.
2. slide - master slide 1 - progress bar failes.
3. slide - master slide 2 - progress bar works fine.
4. slide - master slide 1 - progress bar works fine.

\n

If I have two slides with the same master slide in a row, on the second slide the progress bar failes.

I upload a example with 4 slides. The script is on the master. Any help is welcome. Thank you.

","body@stringLength":"934","rawBody":"

Hi all. I am new here. Maybe a beginner question....

I found out that my javascript progress bar doesn't work after the updates past 8th october 2024. I couldn't find out why, tried with the console and different ways. I think the <div> is not visible or not inserted. Could you please check my script in the example file? Probably you have seen this scipt in other projects, its from the web.

\n

Behaviour:
start slide (without progress bar)
1. slide - master slide 1 - progress bar works fine the first time.
2. slide - master slide 1 - progress bar failes.
3. slide - master slide 2 - progress bar works fine.
4. slide - master slide 1 - progress bar works fine.

\n

If I have two slides with the same master slide in a row, on the second slide the progress bar failes.

I upload a example with 4 slides. The script is on the master. Any help is welcome. Thank you.

","kudosSumWeight":1,"postTime":"2025-02-14T06:38:57.717-08: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":[{"__typename":"AttachmentEdge","cursor":"MjUuMnwyLjF8b3w1fF9OVl98MQ","node":{"__ref":"Attachment:{\"id\":\"attachment:message1216879AttachmentNumber1\",\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/javascriptforum-board/146/1/storyline%20version%20which%20is%20working.jpg\"}"}},{"__typename":"AttachmentEdge","cursor":"MjUuMnwyLjF8b3w1fF9OVl98Mg","node":{"__ref":"Attachment:{\"id\":\"attachment:message1216879AttachmentNumber2\",\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/javascriptforum-board/146/2/Progress_Bar_20251402.story\"}"}}]},"tags":{"__typename":"TagConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"TagEdge","cursor":"MjUuMnwyLjF8b3wxMHxfTlZffDE","node":{"__typename":"Tag","id":"tag:JavaScript","text":"JavaScript","time":"2024-08-28T01:09:27.141-07:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}},{"__typename":"TagEdge","cursor":"MjUuMnwyLjF8b3wxMHxfTlZffDI","node":{"__typename":"Tag","id":"tag:progress bar","text":"progress bar","time":"2024-09-22T20:46:10.872-07:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}}]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1216879_1"},"latestVersion":null,"metrics":{"__typename":"MessageMetrics","views":128},"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,"searchSnippet":"Hi all. I am new here. Maybe a beginner question.... I found out that my javascript progress bar doesn't work after the updates past 8th october 2024. I couldn't find out why, tried with the conso...","replies":{"__typename":"MessageConnection","edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMjE2ODg4LDEyMTY4ODg","node":{"__ref":"ForumReplyMessage:message:1216888"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMjE2ODg4LDEyMTcwMDA","node":{"__ref":"ForumReplyMessage:message:1217000"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMjE2ODg4LDEyMTc1OTQ","node":{"__ref":"ForumReplyMessage:message:1217594"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMjE2ODg4LDEyMTg2ODA","node":{"__ref":"ForumReplyMessage:message:1218680"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMjE2ODg4LDEyMTkyODM","node":{"__ref":"ForumReplyMessage:message:1219283"}}],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"Conversation:conversation:1216879":{"__typename":"Conversation","id":"conversation:1216879","solved":false,"topic":{"__ref":"ForumTopicMessage:message:1216879"},"lastPostingActivityTime":"2025-03-10T01:55:55.900-07:00","lastPostTime":"2025-03-10T01:55:55.900-07:00","unreadReplyCount":13,"isSubscribed":false},"ModerationData:moderation_data:1216879":{"__typename":"ModerationData","id":"moderation_data:1216879","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"Attachment:{\"id\":\"attachment:message1216879AttachmentNumber1\",\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/javascriptforum-board/146/1/storyline%20version%20which%20is%20working.jpg\"}":{"__typename":"Attachment","id":"attachment:message1216879AttachmentNumber1","filename":"storyline version which is working.jpg","filesize":34193,"contentType":"image/jpeg","url":"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/javascriptforum-board/146/1/storyline%20version%20which%20is%20working.jpg"},"Attachment:{\"id\":\"attachment:message1216879AttachmentNumber2\",\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/javascriptforum-board/146/2/Progress_Bar_20251402.story\"}":{"__typename":"Attachment","id":"attachment:message1216879AttachmentNumber2","filename":"Progress_Bar_20251402.story","filesize":356065,"contentType":"application/story","url":"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/javascriptforum-board/146/2/Progress_Bar_20251402.story"},"Revision:revision:1216879_1":{"__typename":"Revision","id":"revision:1216879_1","lastEditTime":"2025-02-14T06:38:57.717-08:00"},"CachedAsset:theme:customTheme1-1741992389729":{"__typename":"CachedAsset","id":"theme:customTheme1-1741992389729","value":{"id":"customTheme1","animation":{"fast":"150ms","normal":"250ms","slow":"500ms","slowest":"750ms","function":"cubic-bezier(0.07, 0.91, 0.51, 1)","__typename":"AnimationThemeSettings"},"avatar":{"borderRadius":"50%","collections":["custom"],"__typename":"AvatarThemeSettings"},"basics":{"browserIcon":{"imageAssetName":"icon-1707332475463.png","imageLastModified":"1707332477323","__typename":"ThemeAsset"},"customerLogo":{"imageAssetName":"yes-1713449978626.svg","imageLastModified":"1713449980471","__typename":"ThemeAsset"},"maximumWidthOfPageContent":"1440px","oneColumnNarrowWidth":"800px","gridGutterWidthMd":"30px","gridGutterWidthXs":"10px","pageWidthStyle":"WIDTH_OF_BROWSER","__typename":"BasicsThemeSettings"},"buttons":{"borderRadiusSm":"100vw","borderRadius":"100vw","borderRadiusLg":"100vw","paddingY":"5px","paddingYLg":"7px","paddingYHero":"var(--lia-bs-btn-padding-y-lg)","paddingX":"55px","paddingXLg":"65px","paddingXHero":"78px","fontStyle":"NORMAL","fontWeight":"400","textTransform":"NONE","disabledOpacity":0.5,"primaryTextColor":"var(--lia-bs-white)","primaryTextHoverColor":"var(--lia-bs-white)","primaryTextActiveColor":"var(--lia-bs-white)","primaryBgColor":"var(--lia-bs-body-color)","primaryBgHoverColor":"var(--lia-bs-primary)","primaryBgActiveColor":"#36a5dd","primaryBorder":"1px solid transparent","primaryBorderHover":"1px solid transparent","primaryBorderActive":"1px solid transparent","primaryBorderFocus":"1px solid var(--lia-bs-white)","primaryBoxShadowFocus":"0 0 0 1px var(--lia-bs-body-color), 0 0 0 4px hsla(var(--lia-bs-body-color-h), var(--lia-bs-body-color-s), var(--lia-bs-body-color-l), 0.2)","secondaryTextColor":"var(--lia-bs-gray-900)","secondaryTextHoverColor":"hsl(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), calc(var(--lia-bs-gray-900-l) * 0.95))","secondaryTextActiveColor":"hsl(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), calc(var(--lia-bs-gray-900-l) * 0.9))","secondaryBgColor":"var(--lia-bs-white)","secondaryBgHoverColor":"var(--lia-bs-primary)","secondaryBgActiveColor":"#36a5dd","secondaryBorder":"1px solid var(--lia-btn-primary-bg-color)","secondaryBorderHover":"1px solid transparent","secondaryBorderActive":"1px solid transparent","secondaryBorderFocus":"1px solid transparent","secondaryBoxShadowFocus":"0 0 0 1px var(--lia-bs-body-color), 0 0 0 4px hsla(var(--lia-bs-body-color-h), var(--lia-bs-body-color-s), var(--lia-bs-body-color-l), 0.2)","tertiaryTextColor":"var(--lia-bs-body-color)","tertiaryTextHoverColor":"hsl(var(--lia-bs-body-color-h), var(--lia-bs-body-color-s), calc(var(--lia-bs-body-color-l) * 0.95))","tertiaryTextActiveColor":"hsl(var(--lia-bs-body-color-h), var(--lia-bs-body-color-s), calc(var(--lia-bs-body-color-l) * 0.9))","tertiaryBgColor":"transparent","tertiaryBgHoverColor":"transparent","tertiaryBgActiveColor":"hsla(var(--lia-bs-body-bg-h), var(--lia-bs-body-bg-s), var(--lia-bs-body-bg-l), 0.04)","tertiaryBorder":"1px solid transparent","tertiaryBorderHover":"1px solid hsla(var(--lia-bs-body-bg-h), var(--lia-bs-body-bg-s), var(--lia-bs-body-bg-l), 0.08)","tertiaryBorderActive":"1px solid transparent","tertiaryBorderFocus":"1px solid transparent","tertiaryBoxShadowFocus":"0 0 0 1px var(--lia-bs-body-color), 0 0 0 4px hsla(var(--lia-bs-body-color-h), var(--lia-bs-body-color-s), var(--lia-bs-body-color-l), 0.2)","destructiveTextColor":"#4D0000","destructiveTextHoverColor":"hsl(0, 100%, 14.3%)","destructiveTextActiveColor":"hsl(0, 100%, 13.6%)","destructiveBgColor":"#FFE5E5","destructiveBgHoverColor":"hsl(0, 100%, 91.1%)","destructiveBgActiveColor":"hsl(0, 100%, 87.3%)","destructiveBorder":"1px solid transparent","destructiveBorderHover":"1px solid transparent","destructiveBorderActive":"1px solid transparent","destructiveBorderFocus":"1px solid transparent","destructiveBoxShadowFocus":"0 0 0 1px var(--lia-bs-body-color), 0 0 0 4px hsla(var(--lia-bs-body-color-h), var(--lia-bs-body-color-s), var(--lia-bs-body-color-l), 0.2)","__typename":"ButtonsThemeSettings"},"border":{"color":"hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.08)","mainContent":"NONE","sideContent":"NONE","radiusSm":"6px","radius":"10px","radiusLg":"18px","radius50":"100vw","__typename":"BorderThemeSettings"},"boxShadow":{"xs":"0 0 0 1px hsla(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), var(--lia-bs-gray-900-l), 0.08), 0 3px 0 -1px hsla(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), var(--lia-bs-gray-900-l), 0.16)","sm":"0 2px 4px hsla(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), var(--lia-bs-gray-900-l), 0.12)","md":"0 5px 15px hsla(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), var(--lia-bs-gray-900-l), 0.3)","lg":"0 10px 30px hsla(var(--lia-bs-gray-900-h), var(--lia-bs-gray-900-s), var(--lia-bs-gray-900-l), 0.3)","__typename":"BoxShadowThemeSettings"},"cards":{"bgColor":"var(--lia-panel-bg-color)","borderRadius":"var(--lia-panel-border-radius)","boxShadow":"var(--lia-box-shadow-xs)","__typename":"CardsThemeSettings"},"chip":{"maxWidth":"300px","height":"30px","__typename":"ChipThemeSettings"},"coreTypes":{"defaultMessageLinkColor":"var(--lia-bs-primary)","defaultMessageLinkDecoration":"none","defaultMessageLinkFontStyle":"NORMAL","defaultMessageLinkFontWeight":"400","defaultMessageFontStyle":"NORMAL","defaultMessageFontWeight":"400","forumColor":"#4099E2","forumFontFamily":"var(--lia-bs-font-family-base)","forumFontWeight":"var(--lia-default-message-font-weight)","forumLineHeight":"var(--lia-bs-line-height-base)","forumFontStyle":"var(--lia-default-message-font-style)","forumMessageLinkColor":"var(--lia-default-message-link-color)","forumMessageLinkDecoration":"var(--lia-default-message-link-decoration)","forumMessageLinkFontStyle":"var(--lia-default-message-link-font-style)","forumMessageLinkFontWeight":"var(--lia-default-message-link-font-weight)","forumSolvedColor":"#44BF90","blogColor":"#1CBAA0","blogFontFamily":"var(--lia-bs-font-family-base)","blogFontWeight":"var(--lia-default-message-font-weight)","blogLineHeight":"1.75","blogFontStyle":"var(--lia-default-message-font-style)","blogMessageLinkColor":"var(--lia-default-message-link-color)","blogMessageLinkDecoration":"var(--lia-default-message-link-decoration)","blogMessageLinkFontStyle":"var(--lia-default-message-link-font-style)","blogMessageLinkFontWeight":"var(--lia-default-message-link-font-weight)","tkbColor":"#4C6B90","tkbFontFamily":"var(--lia-bs-font-family-base)","tkbFontWeight":"var(--lia-default-message-font-weight)","tkbLineHeight":"1.75","tkbFontStyle":"var(--lia-default-message-font-style)","tkbMessageLinkColor":"var(--lia-default-message-link-color)","tkbMessageLinkDecoration":"var(--lia-default-message-link-decoration)","tkbMessageLinkFontStyle":"var(--lia-default-message-link-font-style)","tkbMessageLinkFontWeight":"var(--lia-default-message-link-font-weight)","qandaColor":"#4099E2","qandaFontFamily":"var(--lia-bs-font-family-base)","qandaFontWeight":"var(--lia-default-message-font-weight)","qandaLineHeight":"var(--lia-bs-line-height-base)","qandaFontStyle":"var(--lia-default-message-link-font-style)","qandaMessageLinkColor":"var(--lia-default-message-link-color)","qandaMessageLinkDecoration":"var(--lia-default-message-link-decoration)","qandaMessageLinkFontStyle":"var(--lia-default-message-link-font-style)","qandaMessageLinkFontWeight":"var(--lia-default-message-link-font-weight)","qandaSolvedColor":"#3FA023","ideaColor":"#00AEEF","ideaFontFamily":"var(--lia-bs-font-family-base)","ideaFontWeight":"var(--lia-default-message-font-weight)","ideaLineHeight":"var(--lia-bs-line-height-base)","ideaFontStyle":"var(--lia-default-message-font-style)","ideaMessageLinkColor":"var(--lia-default-message-link-color)","ideaMessageLinkDecoration":"var(--lia-default-message-link-decoration)","ideaMessageLinkFontStyle":"var(--lia-default-message-link-font-style)","ideaMessageLinkFontWeight":"var(--lia-default-message-link-font-weight)","contestColor":"#FCC845","contestFontFamily":"var(--lia-bs-font-family-base)","contestFontWeight":"var(--lia-default-message-font-weight)","contestLineHeight":"var(--lia-bs-line-height-base)","contestFontStyle":"var(--lia-default-message-link-font-style)","contestMessageLinkColor":"var(--lia-default-message-link-color)","contestMessageLinkDecoration":"var(--lia-default-message-link-decoration)","contestMessageLinkFontStyle":"ITALIC","contestMessageLinkFontWeight":"var(--lia-default-message-link-font-weight)","occasionColor":"#4E3AD0","occasionFontFamily":"var(--lia-bs-font-family-base)","occasionFontWeight":"var(--lia-default-message-font-weight)","occasionLineHeight":"var(--lia-bs-line-height-base)","occasionFontStyle":"var(--lia-default-message-font-style)","occasionMessageLinkColor":"var(--lia-default-message-link-color)","occasionMessageLinkDecoration":"var(--lia-default-message-link-decoration)","occasionMessageLinkFontStyle":"var(--lia-default-message-link-font-style)","occasionMessageLinkFontWeight":"var(--lia-default-message-link-font-weight)","grouphubColor":"#333333","categoryColor":"#949494","communityColor":"#FFFFFF","productColor":"#949494","__typename":"CoreTypesThemeSettings"},"colors":{"black":"#000000","white":"#FFFFFF","gray100":"#F7F7F7","gray200":"#F7F7F7","gray300":"#E8E8E8","gray400":"#D9D9D9","gray500":"#CCCCCC","gray600":"#949494","gray700":"#707070","gray800":"#545454","gray900":"#333333","dark":"#545454","light":"#F7F7F7","primary":"#00AEEF","secondary":"#333333","bodyText":"#000000","bodyBg":"#FFFFFF","info":"#00AEEF","success":"#029C29","warning":"#FFB82D","danger":"#00AEEF","alertSystem":"#FF6600","textMuted":"#707070","highlight":"#FFFCAD","outline":"var(--lia-bs-primary)","custom":["#00AEEF","#4E3AD5","#000000","#FFFFFF","#FF6602","#44BF90","#FF4C93","#74BB44","#FFB82D","#AA1A53","#FF0000","#027E20","#029C29","#DB0000","#FF0A0A","#4D0000","#FFE5E5","#36A5DD","#F1F3FD","#CBECFF"],"__typename":"ColorsThemeSettings"},"divider":{"size":"3px","marginLeft":"4px","marginRight":"4px","borderRadius":"50%","bgColor":"var(--lia-bs-gray-600)","bgColorActive":"var(--lia-bs-gray-600)","__typename":"DividerThemeSettings"},"dropdown":{"fontSize":"var(--lia-bs-font-size-sm)","borderColor":"var(--lia-bs-border-color)","borderRadius":"var(--lia-bs-border-radius-sm)","dividerBg":"var(--lia-bs-gray-300)","itemPaddingY":"5px","itemPaddingX":"20px","headerColor":"var(--lia-bs-gray-700)","__typename":"DropdownThemeSettings"},"email":null,"emoji":{"skinToneDefault":"#ffcd43","skinToneLight":"#fae3c5","skinToneMediumLight":"#e2cfa5","skinToneMedium":"#daa478","skinToneMediumDark":"#a78058","skinToneDark":"#5e4d43","__typename":"EmojiThemeSettings"},"heading":{"color":"var(--lia-bs-body-color)","fontFamily":"GTWalsheimProBold","fontStyle":"NORMAL","fontWeight":"700","h1FontSize":"48px","h2FontSize":"32px","h3FontSize":"22px","h4FontSize":"18px","h5FontSize":"22px","h6FontSize":"16px","lineHeight":"1.4","subHeaderFontSize":"14px","subHeaderFontWeight":"500","h1LetterSpacing":"normal","h2LetterSpacing":"normal","h3LetterSpacing":"normal","h4LetterSpacing":"normal","h5LetterSpacing":"normal","h6LetterSpacing":"normal","subHeaderLetterSpacing":"2px","h1FontWeight":"var(--lia-bs-headings-font-weight)","h2FontWeight":"var(--lia-bs-headings-font-weight)","h3FontWeight":"var(--lia-bs-headings-font-weight)","h4FontWeight":"var(--lia-bs-headings-font-weight)","h5FontWeight":"var(--lia-bs-headings-font-weight)","h6FontWeight":"var(--lia-bs-headings-font-weight)","__typename":"HeadingThemeSettings"},"icons":{"size10":"10px","size12":"12px","size14":"14px","size16":"16px","size20":"20px","size24":"24px","size30":"30px","size40":"40px","size50":"50px","size60":"60px","size80":"80px","size120":"120px","size160":"160px","__typename":"IconsThemeSettings"},"imagePreview":{"bgColor":"var(--lia-bs-gray-900)","titleColor":"var(--lia-bs-white)","controlColor":"var(--lia-bs-white)","controlBgColor":"var(--lia-bs-gray-800)","__typename":"ImagePreviewThemeSettings"},"input":{"borderColor":"var(--lia-bs-gray-600)","disabledColor":"var(--lia-bs-gray-600)","focusBorderColor":"var(--lia-bs-primary)","labelMarginBottom":"10px","btnFontSize":"var(--lia-bs-font-size-sm)","focusBoxShadow":"0 0 0 3px hsla(var(--lia-bs-primary-h), var(--lia-bs-primary-s), var(--lia-bs-primary-l), 0.2)","checkLabelMarginBottom":"2px","checkboxBorderRadius":"3px","borderRadiusSm":"100vw","borderRadius":"100vw","borderRadiusLg":"100vw","formTextMarginTop":"4px","textAreaBorderRadius":"18px","activeFillColor":"var(--lia-bs-primary)","__typename":"InputThemeSettings"},"loading":{"dotDarkColor":"hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.2)","dotLightColor":"hsla(var(--lia-bs-white-h), var(--lia-bs-white-s), var(--lia-bs-white-l), 0.5)","barDarkColor":"hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.06)","barLightColor":"hsla(var(--lia-bs-white-h), var(--lia-bs-white-s), var(--lia-bs-white-l), 0.4)","__typename":"LoadingThemeSettings"},"link":{"color":"var(--lia-bs-primary)","hoverColor":"hsl(var(--lia-bs-primary-h), var(--lia-bs-primary-s), calc(var(--lia-bs-primary-l) - 10%))","decoration":"none","hoverDecoration":"underline","__typename":"LinkThemeSettings"},"listGroup":{"itemPaddingY":"15px","itemPaddingX":"15px","borderColor":"var(--lia-bs-gray-300)","__typename":"ListGroupThemeSettings"},"modal":{"contentTextColor":"var(--lia-bs-body-color)","contentBg":"var(--lia-bs-white)","backgroundBg":"var(--lia-bs-black)","smSize":"440px","mdSize":"760px","lgSize":"1080px","backdropOpacity":0.3,"contentBoxShadowXs":"var(--lia-bs-box-shadow-sm)","contentBoxShadow":"var(--lia-bs-box-shadow)","headerFontWeight":"700","__typename":"ModalThemeSettings"},"navbar":{"position":"FIXED","background":{"attachment":null,"clip":null,"color":"var(--lia-bs-white)","imageAssetName":null,"imageLastModified":"0","origin":null,"position":"CENTER_CENTER","repeat":"NO_REPEAT","size":"COVER","__typename":"BackgroundProps"},"backgroundOpacity":0.8,"paddingTop":"15px","paddingBottom":"15px","borderBottom":"1px solid var(--lia-bs-border-color)","boxShadow":"var(--lia-bs-box-shadow-sm)","brandMarginRight":"30px","brandMarginRightSm":"10px","brandLogoHeight":"30px","linkGap":"10px","linkJustifyContent":"flex-start","linkPaddingY":"5px","linkPaddingX":"10px","linkDropdownPaddingY":"9px","linkDropdownPaddingX":"var(--lia-nav-link-px)","linkColor":"var(--lia-bs-body-color)","linkHoverColor":"var(--lia-bs-primary)","linkFontSize":"var(--lia-bs-font-size-sm)","linkFontStyle":"NORMAL","linkFontWeight":"400","linkTextTransform":"NONE","linkLetterSpacing":"normal","linkBorderRadius":"var(--lia-bs-border-radius-sm)","linkBgColor":"transparent","linkBgHoverColor":"transparent","linkBorder":"none","linkBorderHover":"none","linkBoxShadow":"none","linkBoxShadowHover":"none","linkTextBorderBottom":"none","linkTextBorderBottomHover":"none","dropdownPaddingTop":"10px","dropdownPaddingBottom":"15px","dropdownPaddingX":"10px","dropdownMenuOffset":"2px","dropdownDividerMarginTop":"10px","dropdownDividerMarginBottom":"10px","dropdownBorderColor":"hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.08)","controllerBgHoverColor":"hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.1)","controllerIconColor":"var(--lia-bs-body-color)","controllerIconHoverColor":"var(--lia-bs-body-color)","controllerTextColor":"var(--lia-nav-controller-icon-color)","controllerTextHoverColor":"var(--lia-nav-controller-icon-hover-color)","controllerHighlightColor":"hsla(30, 100%, 50%)","controllerHighlightTextColor":"var(--lia-yiq-light)","controllerBorderRadius":"var(--lia-border-radius-50)","hamburgerColor":"var(--lia-nav-controller-icon-color)","hamburgerHoverColor":"var(--lia-nav-controller-icon-color)","hamburgerBgColor":"transparent","hamburgerBgHoverColor":"transparent","hamburgerBorder":"none","hamburgerBorderHover":"none","collapseMenuMarginLeft":"20px","collapseMenuDividerBg":"var(--lia-nav-link-color)","collapseMenuDividerOpacity":0.16,"__typename":"NavbarThemeSettings"},"pager":{"textColor":"var(--lia-bs-link-color)","textFontWeight":"var(--lia-font-weight-md)","textFontSize":"var(--lia-bs-font-size-sm)","__typename":"PagerThemeSettings"},"panel":{"bgColor":"var(--lia-bs-white)","borderRadius":"var(--lia-bs-border-radius)","borderColor":"var(--lia-bs-border-color)","boxShadow":"none","__typename":"PanelThemeSettings"},"popover":{"arrowHeight":"8px","arrowWidth":"16px","maxWidth":"300px","minWidth":"100px","headerBg":"var(--lia-bs-white)","borderColor":"var(--lia-bs-border-color)","borderRadius":"var(--lia-bs-border-radius)","boxShadow":"0 0.5rem 1rem hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.15)","__typename":"PopoverThemeSettings"},"prism":{"color":"#000000","bgColor":"#f5f2f0","fontFamily":"var(--font-family-monospace)","fontSize":"var(--lia-bs-font-size-base)","fontWeightBold":"var(--lia-bs-font-weight-bold)","fontStyleItalic":"italic","tabSize":2,"highlightColor":"#b3d4fc","commentColor":"#62707e","punctuationColor":"#6f6f6f","namespaceOpacity":"0.7","propColor":"#990055","selectorColor":"#517a00","operatorColor":"#906736","operatorBgColor":"hsla(0, 0%, 100%, 0.5)","keywordColor":"#0076a9","functionColor":"#d3284b","variableColor":"#c14700","__typename":"PrismThemeSettings"},"rte":{"bgColor":"var(--lia-bs-white)","borderRadius":"var(--lia-panel-border-radius)","boxShadow":" var(--lia-panel-box-shadow)","customColor1":"#bfedd2","customColor2":"#fbeeb8","customColor3":"#f8cac6","customColor4":"#eccafa","customColor5":"#c2e0f4","customColor6":"#2dc26b","customColor7":"#f1c40f","customColor8":"#e03e2d","customColor9":"#b96ad9","customColor10":"#3598db","customColor11":"#169179","customColor12":"#e67e23","customColor13":"#ba372a","customColor14":"#843fa1","customColor15":"#236fa1","customColor16":"#ecf0f1","customColor17":"#ced4d9","customColor18":"#95a5a6","customColor19":"#7e8c8d","customColor20":"#34495e","customColor21":"#000000","customColor22":"#ffffff","defaultMessageHeaderMarginTop":"40px","defaultMessageHeaderMarginBottom":"24px","defaultMessageItemMarginTop":"0","defaultMessageItemMarginBottom":"16px","diffAddedColor":"hsla(170, 53%, 51%, 0.4)","diffChangedColor":"hsla(43, 97%, 63%, 0.4)","diffNoneColor":"hsla(0, 0%, 80%, 0.4)","diffRemovedColor":"hsla(9, 74%, 47%, 0.4)","specialMessageHeaderMarginTop":"40px","specialMessageHeaderMarginBottom":"24px","specialMessageItemMarginTop":"0","specialMessageItemMarginBottom":"16px","__typename":"RteThemeSettings"},"tags":{"bgColor":"var(--lia-bs-gray-200)","bgHoverColor":"var(--lia-bs-gray-400)","borderRadius":"var(--lia-bs-border-radius-sm)","color":"var(--lia-bs-body-color)","hoverColor":"var(--lia-bs-body-color)","fontWeight":"var(--lia-font-weight-md)","fontSize":"var(--lia-font-size-xxs)","textTransform":"UPPERCASE","letterSpacing":"0.5px","__typename":"TagsThemeSettings"},"toasts":{"borderRadius":"var(--lia-bs-border-radius)","paddingX":"12px","__typename":"ToastsThemeSettings"},"typography":{"fontFamilyBase":"Graphik","fontStyleBase":"NORMAL","fontWeightBase":"400","fontWeightLight":"300","fontWeightNormal":"400","fontWeightMd":"500","fontWeightBold":"700","letterSpacingSm":"normal","letterSpacingXs":"normal","lineHeightBase":"1.4","fontSizeBase":"18px","fontSizeXxs":"11px","fontSizeXs":"14px","fontSizeSm":"16px","fontSizeLg":"20px","fontSizeXl":"24px","smallFontSize":"14px","customFonts":[{"source":"SERVER","name":"Graphik","styles":[{"style":"NORMAL","weight":"400","__typename":"FontStyleData"},{"style":"NORMAL","weight":"700","__typename":"FontStyleData"},{"style":"NORMAL","weight":"500","__typename":"FontStyleData"},{"style":"NORMAL","weight":"600","__typename":"FontStyleData"}],"assetNames":["Graphik-normal-400.woff","Graphik-normal-700.woff","Graphik-normal-500.woff","Graphik-normal-600.woff"],"__typename":"CustomFont"},{"source":"SERVER","name":"GTWalsheimProBold","styles":[{"style":"NORMAL","weight":"700","__typename":"FontStyleData"}],"assetNames":["GTWalsheimProBold-normal-700.woff"],"__typename":"CustomFont"}],"__typename":"TypographyThemeSettings"},"unstyledListItem":{"marginBottomSm":"5px","marginBottomMd":"10px","marginBottomLg":"15px","marginBottomXl":"20px","marginBottomXxl":"25px","__typename":"UnstyledListItemThemeSettings"},"yiq":{"light":"#ffffff","dark":"#000000","__typename":"YiqThemeSettings"},"colorLightness":{"primaryDark":0.36,"primaryLight":0.74,"primaryLighter":0.89,"primaryLightest":0.95,"infoDark":0.39,"infoLight":0.72,"infoLighter":0.85,"infoLightest":0.93,"successDark":0.24,"successLight":0.62,"successLighter":0.8,"successLightest":0.91,"warningDark":0.39,"warningLight":0.68,"warningLighter":0.84,"warningLightest":0.93,"dangerDark":0.41,"dangerLight":0.72,"dangerLighter":0.89,"dangerLightest":0.95,"__typename":"ColorLightnessThemeSettings"},"localOverride":false,"__typename":"Theme"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Loading/LoadingDot-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Loading/LoadingDot-1742336094940","value":{"title":"Loading..."},"localOverride":false},"CachedAsset:quilt:articulate.prod:pages/forums/ForumMessagePage:board:javascriptforum-board-1742336094557":{"__typename":"CachedAsset","id":"quilt:articulate.prod:pages/forums/ForumMessagePage:board:javascriptforum-board-1742336094557","value":{"id":"ForumMessagePage","container":{"id":"Common","headerProps":{"backgroundImageProps":null,"backgroundColor":null,"addComponents":null,"removeComponents":["community.widget.bannerWidget"],"componentOrder":null,"__typename":"QuiltContainerSectionProps"},"headerComponentProps":{"community.widget.breadcrumbWidget":{"disableLastCrumbForDesktop":false}},"footerProps":null,"footerComponentProps":null,"items":[{"id":"message-list","layout":"MAIN_SIDE","bgColor":null,"showTitle":null,"showDescription":null,"textPosition":null,"textColor":null,"sectionEditLevel":null,"bgImage":null,"disableSpacing":null,"edgeToEdgeDisplay":null,"fullHeight":null,"showBorder":null,"__typename":"MainSideQuiltSection","columnMap":{"main":[{"id":"messages.widget.topicWithThreadedReplyListWidget","className":"lia-topic-with-replies","props":{"editLevel":"CONFIGURE"},"__typename":"QuiltComponent"}],"side":[{"id":"messages.widget.relatedContentWidget","className":null,"props":{"hideIfEmpty":true,"enablePagination":false,"useTitle":true,"listVariant":{"type":"unstyled","props":{"listItemSpacing":"xxl"}},"pageSize":10,"style":"compact","pagerVariant":{"type":"none"},"viewVariant":{"type":"inline","props":{"useRepliesCount":false,"useMedia":false,"useAuthorRank":false,"useNode":false,"boardIconSize":"24","useAuthorLoginLink":true,"useNodeLink":true,"usePreviewMedia":true,"timeStampType":"postTime","useTextBody":true,"useSolvedBadge":false,"subjectAs":"h6","renderPostTimeBeforeAuthor":true,"useAvatar":false,"useVideoPreview":false,"portraitClampBodyLines":3,"useCompactSpacing":true,"useTimeToRead":false,"useSpoilerFreeBody":true,"useKudosCount":false,"useViewCount":false,"useBody":false,"useTags":false,"clampSubjectLines":1,"useBoardIcon":true,"useMessageTimeLink":true,"useAuthorLogin":true}},"lazyLoad":false,"panelType":"standard"},"__typename":"QuiltComponent"},{"id":"messages.widget.messageListForNodeByRecentActivityWidget","className":null,"props":{"hideIfEmpty":true,"useTitle":true,"showTabs":false,"pageSize":5,"pagerVariant":{"type":"loadMore"},"style":"compact","viewVariant":{"type":"inline","props":{"useRepliesCount":false,"useMedia":false,"useAuthorRank":false,"useNode":false,"boardIconSize":"24","truncateBodyLength":-1,"useNodeLink":true,"usePreviewMedia":false,"timeStampType":"conversation.lastPostingActivityTime","avatarSize":"40","useTextBody":true,"useSolvedBadge":true,"subjectAs":"h6","renderPostTimeBeforeAuthor":true,"useAvatar":true,"useTimeToRead":false,"useSpoilerFreeBody":true,"useKudosCount":false,"useViewCount":false,"useBody":false,"useTags":false,"clampSubjectLines":1,"useBoardIcon":false,"useMessageTimeLink":true,"clampBodyLines":3,"useAuthorLogin":true,"useUnreadCount":false,"useNodeHoverCard":true,"useSearchSnippet":false}},"panelType":"divider","sorts":{"conversationLastPostingActivityTime":{"direction":"DESC"}}},"__typename":"QuiltComponent"}],"__typename":"MainSideSectionColumns"}}],"__typename":"QuiltContainer"},"__typename":"Quilt","localOverride":false},"localOverride":false},"CachedAsset:text:en_US-components/common/EmailVerification-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/common/EmailVerification-1742336094940","value":{"email.verification.title":"Email Verification Required","email.verification.message.update.email":"To participate in the community, you must first verify your email address. The verification email was sent to {email}. To change your email, visit My Settings.","email.verification.message.resend.email":"To participate in the community, you must first verify your email address. The verification email was sent to {email}. Resend email."},"localOverride":false},"CachedAsset:text:en_US-pages/forums/ForumMessagePage-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-pages/forums/ForumMessagePage-1742336094940","value":{"title":"{contextMessageSubject} | {communityTitle}","errorMissing":"This message cannot be found","name":"Forum Message Page","section.message-list.title":"Forum Discussion","archivedMessageTitle":"This Content Has Been Archived","section.wLfjRI.title":"Forum Discussion"},"localOverride":false},"CachedAsset:quiltWrapper:articulate.prod:Common:1742244328329":{"__typename":"CachedAsset","id":"quiltWrapper:articulate.prod:Common:1742244328329","value":{"id":"Common","header":{"backgroundImageProps":{"assetName":null,"backgroundSize":"COVER","backgroundRepeat":"NO_REPEAT","backgroundPosition":"CENTER_CENTER","lastModified":null,"__typename":"BackgroundImageProps"},"backgroundColor":"var(--lia-bs-white)","items":[{"id":"custom.widget.GoogleTagManager","props":{"widgetVisibility":"signedInOrAnonymous","useTitle":false,"useBackground":false,"title":"","lazyLoad":false},"__typename":"QuiltComponent"},{"id":"community.widget.navbarWidget","props":{"showUserName":false,"showRegisterLink":true,"navbarVariantProps":{"logoHeight":40,"sideLinks":[],"backgroundColor":"var(--lia-bs-white)","showRegisterLink":true,"controllerHighlightColor":"#FF0137","linkAlignment":"left","backgroundImage":{"assetName":null,"backgroundSize":"COVER","lastModified":"","backgroundPosition":"CENTER_CENTER","backgroundRepeat":"NO_REPEAT"},"visualEffects":{"showBottomBorder":true,"showBottomShadow":true,"useStickyPosition":true},"linkFontSize":15,"controllerIconColor":"#333333","backgroundOpacity":0,"showUsername":false,"linkFontStyle":"BOLD","linkHighlightColor":"#000000","mainLinks":[{"linkLabel":"Learn","goesToPage":{"route":"CategoryPage","params":{"categoryId":"blogs"}},"children":[{"linkLabel":"Blog","goesToPage":{"route":"BlogBoardPage","params":{"boardId":"community-updates","categoryId":"blogs"}},"linkType":"INTERNAL"},{"linkLabel":"User Guides","goesToPage":{"route":"TkbBoardPage","params":{"boardId":"user-guides","categoryId":"top"}},"children":[],"linkType":"INTERNAL"}],"linkType":"INTERNAL"},{"linkLabel":"Discuss","goesToPage":{"route":"CategoryPage","params":{"categoryId":"forums"}},"children":[{"linkLabel":"Articulate Storyline","goesToPage":{"route":"ForumBoardPage","params":{"boardId":"support-forum","categoryId":"forums"}},"linkType":"INTERNAL"},{"linkLabel":"Rise 360","goesToPage":{"route":"ForumBoardPage","params":{"boardId":"rise-360","categoryId":"forums"}},"linkType":"INTERNAL"},{"linkLabel":"Review 360","goesToPage":{"route":"ForumBoardPage","params":{"boardId":"review-360","categoryId":"forums"}},"linkType":"INTERNAL"}],"linkType":"INTERNAL"},{"linkLabel":"Downloads","goesToPage":{"route":"TkbBoardPage","params":{"boardId":"downloads","categoryId":"top"}},"children":[],"linkType":"INTERNAL"}],"linkTextColor":"#000000","showSearchIcon":true,"boundaryPadding":{"top":20,"bottom":20},"highlightStyle":"color"},"links":{"sideLinks":[{"children":[],"linkType":"EXTERNAL","id":"Common-external-link","url":"https://www.articulate.com/","target":"BLANK"},{"children":[],"linkType":"EXTERNAL","id":"Common-external-link-5","url":"https://www.articulatestatus.com/","target":"BLANK"},{"children":[],"linkType":"EXTERNAL","id":"Common-external-link-2","url":"https://access.articulate.com/support","target":"BLANK"},{"children":[{"linkType":"EXTERNAL","id":"Common-external-link-3","url":"https://www.articulate.com/blog/","target":"BLANK"},{"linkType":"EXTERNAL","id":"Common-external-link-4","url":"https://www.articulate.com/resources/case-studies/","target":"BLANK"}],"linkType":"EXTERNAL","id":"Common-external-link-1","url":"https://www.articulate.com/resources/","target":"BLANK"}],"mainLinks":[{"children":[],"linkType":"INTERNAL","id":"Common-welcome-center-link","params":{"categoryId":"welcome-center"},"routeName":"CategoryPage"},{"children":[{"linkType":"INTERNAL","id":"migrated-link-1","params":{"boardId":"user-guides","categoryId":"learn"},"routeName":"TkbBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-2","params":{"categoryId":"training-tutorials"},"routeName":"CategoryPage"},{"linkType":"INTERNAL","id":"Common-training-webinars-link","params":{"boardId":"training-webinars","categoryId":"training-tutorials"},"routeName":"EventBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-3","params":{"boardId":"articles","categoryId":"learn"},"routeName":"BlogBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-4","params":{"boardId":"product-updates","categoryId":"learn"},"routeName":"BlogBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-5","params":{"boardId":"e-books","categoryId":"learn"},"routeName":"TkbBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-6","params":{"boardId":"e-learning-challenges","categoryId":"e-learning-challenges"},"routeName":"BlogBoardPage"}],"linkType":"INTERNAL","id":"migrated-link-0","params":{"categoryId":"learn"},"routeName":"CategoryPage"},{"children":[{"linkType":"INTERNAL","id":"migrated-link-8","params":{"boardId":"discuss","categoryId":"top"},"routeName":"ForumBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-9","params":{"boardId":"share-examples","categoryId":"connect"},"routeName":"ForumBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-10","params":{"boardId":"share-ideas","categoryId":"connect"},"routeName":"ForumBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-11","params":{"boardId":"events","categoryId":"top"},"routeName":"EventBoardPage"},{"linkType":"INTERNAL","id":"migrated-link-12","params":{"categoryId":"join-groups"},"routeName":"CategoryPage"}],"linkType":"INTERNAL","id":"migrated-link-7","params":{"categoryId":"connect"},"routeName":"CategoryPage"},{"children":[],"linkType":"INTERNAL","id":"migrated-link-13","params":{"boardId":"discover","categoryId":"top"},"routeName":"BlogBoardPage"}]},"className":"QuiltComponent_lia-component-edit-mode__lQ9Z6","style":{"boxShadow":"0","linkFontWeight":"500","controllerHighlightColor":"#AA1A53","dropdownDividerMarginBottom":"10px","hamburgerBorderHover":"none","linkFontSize":"16px","linkBoxShadowHover":"none","backgroundOpacity":0,"controllerBorderRadius":"var(--lia-border-radius-50)","hamburgerBgColor":"transparent","linkTextBorderBottom":"none","hamburgerColor":"var(--lia-nav-controller-icon-color)","brandLogoHeight":"40px","linkLetterSpacing":"normal","linkBgHoverColor":"transparent","collapseMenuDividerOpacity":null,"paddingBottom":"20px","dropdownPaddingBottom":"15px","dropdownMenuOffset":"2px","hamburgerBgHoverColor":"transparent","borderBottom":"0","hamburgerBorder":"none","dropdownPaddingX":"10px","brandMarginRightSm":"10px","linkBoxShadow":"none","linkJustifyContent":"center","linkColor":"#000000","collapseMenuDividerBg":null,"dropdownPaddingTop":"10px","controllerHighlightTextColor":"var(--lia-yiq-light)","background":{"imageAssetName":"","color":"var(--lia-bs-white)","size":"COVER","repeat":"NO_REPEAT","position":"CENTER_CENTER","imageLastModified":""},"linkBorderRadius":"var(--lia-bs-border-radius-sm)","linkHoverColor":"#000000","position":"FIXED","linkBorder":"none","linkTextBorderBottomHover":"2px solid #00AEEF","brandMarginRight":"30px","hamburgerHoverColor":"var(--lia-nav-controller-icon-color)","linkBorderHover":"none","collapseMenuMarginLeft":"20px","linkFontStyle":"NORMAL","linkPaddingX":"10px","paddingTop":"20px","linkPaddingY":"5px","linkTextTransform":"NONE","dropdownBorderColor":"hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.08)","controllerBgHoverColor":"hsla(var(--lia-bs-black-h), var(--lia-bs-black-s), var(--lia-bs-black-l), 0.1)","linkDropdownPaddingX":"var(--lia-nav-link-px)","linkBgColor":"transparent","linkDropdownPaddingY":"9px","controllerIconColor":"#000000","dropdownDividerMarginTop":"10px","linkGap":"10px","controllerIconHoverColor":"#000000"},"showSearchIcon":true},"__typename":"QuiltComponent"},{"id":"community.widget.breadcrumbWidget","props":{"backgroundColor":"transparent","linkHighlightColor":"var(--lia-bs-body-color)","visualEffects":{"showBottomBorder":false},"linkTextColor":"var(--lia-bs-gray-700)"},"__typename":"QuiltComponent"},{"id":"community.widget.bannerWidget","props":{"backgroundColor":"transparent","visualEffects":{"showBottomBorder":true},"backgroundOpacity":100,"backgroundImageProps":{"backgroundSize":"COVER","backgroundPosition":"CENTER_CENTER","backgroundRepeat":"NO_REPEAT"},"fontColor":"var(--lia-bs-body-color)"},"__typename":"QuiltComponent"},{"id":"custom.widget.TableStyles","props":{"widgetVisibility":"signedInOrAnonymous","useTitle":false,"useBackground":false,"title":"","lazyLoad":false},"__typename":"QuiltComponent"}],"__typename":"QuiltWrapperSection"},"footer":{"backgroundImageProps":{"assetName":null,"backgroundSize":"COVER","backgroundRepeat":"NO_REPEAT","backgroundPosition":"CENTER_CENTER","lastModified":null,"__typename":"BackgroundImageProps"},"backgroundColor":"transparent","items":[{"id":"custom.widget.Footer_2024","props":{"widgetVisibility":"signedInOrAnonymous","useTitle":true,"useBackground":false,"title":"","lazyLoad":false},"__typename":"QuiltComponent"},{"id":"custom.widget.GoogleTag","props":{"widgetVisibility":"signedInOrAnonymous","useTitle":false,"useBackground":false,"title":"","lazyLoad":false},"__typename":"QuiltComponent"}],"__typename":"QuiltWrapperSection"},"__typename":"QuiltWrapper","localOverride":false},"localOverride":false},"CachedAsset:text:en_US-components/common/ActionFeedback-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/common/ActionFeedback-1742336094940","value":{"joinedGroupHub.title":"Welcome","joinedGroupHub.message":"You are now a member of this group and are subscribed to updates.","groupHubInviteNotFound.title":"Invitation Not Found","groupHubInviteNotFound.message":"Sorry, we could not find your invitation to the group. The owner may have canceled the invite.","groupHubNotFound.title":"Group Not Found","groupHubNotFound.message":"The grouphub you tried to join does not exist. It may have been deleted.","existingGroupHubMember.title":"Already Joined","existingGroupHubMember.message":"You are already a member of this group.","accountLocked.title":"Account Locked","accountLocked.message":"Your account has been locked due to multiple failed attempts. Try again in {lockoutTime} minutes.","editedGroupHub.title":"Changes Saved","editedGroupHub.message":"Your group has been updated.","leftGroupHub.title":"Goodbye","leftGroupHub.message":"You are no longer a member of this group and will not receive future updates.","deletedGroupHub.title":"Deleted","deletedGroupHub.message":"The group has been deleted.","groupHubCreated.title":"Group Created","groupHubCreated.message":"{groupHubName} is ready to use","accountClosed.title":"Account Closed","accountClosed.message":"The account has been closed and you will now be redirected to the homepage","resetTokenExpired.title":"Reset Password Link has Expired","resetTokenExpired.message":"Try resetting your password again","invalidUrl.title":"Invalid URL","invalidUrl.message":"The URL you're using is not recognized. Verify your URL and try again.","accountClosedForUser.title":"Account Closed","accountClosedForUser.message":"{userName}'s account is closed","inviteTokenInvalid.title":"Invitation Invalid","inviteTokenInvalid.message":"Your invitation to the community has been canceled or expired.","inviteTokenError.title":"Invitation Verification Failed","inviteTokenError.message":"The url you are utilizing is not recognized. Verify your URL and try again","pageNotFound.title":"Access Denied","pageNotFound.message":"You do not have access to this area of the community or it doesn't exist","eventAttending.title":"Responded as Attending","eventAttending.message":"You'll be notified when there's new activity and reminded as the event approaches","eventInterested.title":"Responded as Interested","eventInterested.message":"You'll be notified when there's new activity and reminded as the event approaches","eventNotFound.title":"Event Not Found","eventNotFound.message":"The event you tried to respond to does not exist.","redirectToRelatedPage.title":"Showing Related Content","redirectToRelatedPageForBaseUsers.title":"Showing Related Content","redirectToRelatedPageForBaseUsers.message":"The content you are trying to access is archived","redirectToRelatedPage.message":"The content you are trying to access is archived","relatedUrl.archivalLink.flyoutMessage":"The content you are trying to access is archived View Archived Content"},"localOverride":false},"CachedAsset:component:custom.widget.GoogleTagManager-en-1742329325216":{"__typename":"CachedAsset","id":"component:custom.widget.GoogleTagManager-en-1742329325216","value":{"component":{"id":"custom.widget.GoogleTagManager","template":{"id":"GoogleTagManager","markupLanguage":"HANDLEBARS","style":null,"texts":null,"defaults":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"components":[{"id":"custom.widget.GoogleTagManager","form":null,"config":null,"props":[],"__typename":"Component"}],"grouping":"CUSTOM","__typename":"ComponentTemplate"},"properties":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"form":null,"__typename":"Component","localOverride":false},"globalCss":null,"form":null},"localOverride":false},"CachedAsset:component:custom.widget.TableStyles-en-1742329325216":{"__typename":"CachedAsset","id":"component:custom.widget.TableStyles-en-1742329325216","value":{"component":{"id":"custom.widget.TableStyles","template":{"id":"TableStyles","markupLanguage":"HANDLEBARS","style":"table {\n\tth, td {\n\t\tpadding: .5em;\n\t}\n\ttr {\n\t\tborder: 1px solid var(--lia-bs-gray-400);\n\t\t&:nth-child(even) {\n\t\t\tbackground-color: var(--lia-bs-gray-100);\n\t\t}\n\t}\n\ttd {\n\t\tborder: inherit;\n\t}\n}","texts":null,"defaults":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"components":[{"id":"custom.widget.TableStyles","form":null,"config":null,"props":[],"__typename":"Component"}],"grouping":"CUSTOM","__typename":"ComponentTemplate"},"properties":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"form":null,"__typename":"Component","localOverride":false},"globalCss":{"css":"table {\n\tth, td {\n\t\tpadding: .5em;\n\t}\n\ttr {\n\t\tborder: 1px solid var(--lia-bs-gray-400);\n\t\t&:nth-child(even) {\n\t\t\tbackground-color: var(--lia-bs-gray-100);\n\t\t}\n\t}\n\ttd {\n\t\tborder: inherit;\n\t}\n}","tokens":{}},"form":null},"localOverride":false},"CachedAsset:component:custom.widget.Footer_2024-en-1742329325216":{"__typename":"CachedAsset","id":"component:custom.widget.Footer_2024-en-1742329325216","value":{"component":{"id":"custom.widget.Footer_2024","template":{"id":"Footer_2024","markupLanguage":"HANDLEBARS","style":".custom-footer {\n width: 100%;\n\tpadding: 0 var(--lia-bs-grid-gutter-width);\n\tmargin: 0 auto;\n\n @media (min-width: 576px) {\n max-width: 33.75rem;\n }\n\n @media (min-width: 768px) {\n max-width: 45rem;\n padding: 0 calc(var(--lia-bs-grid-gutter-width) * .5);\n }\n\n @media (min-width: 992px) {\n max-width: 60rem;\n }\n\n @media (min-width: 1260px) {\n\t max-width: var(--lia-container-max-width);\n }\n\n ol {\n list-style-type: decimal\n }\n\n ul {\n list-style-type: disc\n }\n\n ul,ol {\n list-style-position: outside\n }\n\n li {\n margin-bottom: .8em;\n position: relative\n }\n\n li ol,li ul {\n margin: .8em 0\n }\n\n nav ul,nav ol {\n list-style: none;\n list-style-image: none\n }\n\n a {\n color: var(--lia-bs-body-color);\n\n &:hover {\n color: var(--lia-bs-body-color);\n }\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n img.footer-logo {\n margin-bottom: 24px;\n\n @media (min-width: 1260px) {\n max-width: none;\n }\n }\n\n ul.list-inline {\n display: flex;\n flex-wrap: wrap;\n\n li {\n display: inline-block;\n margin-bottom: 0;\n\n + li {\n margin-left: 8px;\n }\n }\n }\n}\n\n.custom-footer .footer-link-stack {\n + .footer-link-stack {\n margin-top: 24px;\n \n @media (min-width: 768px) {\n margin-top: 0;\n }\n }\n\n ul {\n list-style: none;\n margin-bottom: 0;\n padding-left: 0;\n\n li:last-child {\n margin-bottom: 0;\n }\n\n + ul {\n margin-top: 8px;\n }\n }\n \n h3 {\n font-size: var(--lia-bs-font-size-base);\n font-weight: 600;\n }\n\n ul + h3 {\n margin-top: 24px;\n }\n\n ul.list-with-icons {\n margin-top: .4em;\n margin-bottom: 0;\n\n li {\n margin-bottom: 0;\n\n a {\n display: flex;\n background-size: 25px;\n background-repeat: no-repeat;\n background-position: left center;\n padding-bottom: .4em;\n padding-left: 33px;\n padding-top: .4em;\n }\n }\n }\n\n .link-social {\n width: 32px;\n height: 32px;\n border: 1px solid #eeeeee;\n background-color: var(--white);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n\n.footer-hr {\n hr {\n border-top: 1px solid #e4e4e4;\n margin-top: 32px;\n margin-bottom: 0;\n }\n\n [class*=\"grid__col--\"] {\n margin-bottom: 40px;\n }\n}\n\n.footer__brand {\n margin-bottom: 24px;\n margin-top: 60px;\n\n @media (min-width: 768px) and (max-width: 1199px) {\n margin-bottom: 0;\n margin-top: 36px;\n }\n\n ul.list-inline {\n margin-bottom: 0;\n\n @media (max-width: 767px) {\n justify-content: center;\n }\n\n li {\n margin-bottom: 12px;\n }\n\n li + li {\n margin-left: 0;\n }\n }\n .list-divided {\n padding-left: 0;\n\n li {\n margin-right: 12px;\n margin-left: 0;\n padding-right: 12px;\n border-right: 1px solid var(--lia-bs-body-color);\n line-height: 1;\n\n &:last-child {\n border-right: 0;\n margin-right: 0;\n }\n }\n\n @media (max-width: 767px) {\n text-align: center;\n\n .brand-line {\n width: 100%;\n border-right: 0;\n }\n }\n }\n}\n\n.grid__row {\n font-size: 0;\n line-height: 0;\n display: flex;\n flex-direction: column;\n\n @media (min-width: 768px) {\n flex-direction: row;\n flex-wrap: wrap;\n }\n\n @media (min-width: 1200px) {\n flex-wrap: nowrap;\n }\n}\n\n.grid__row--middled [class*='grid__col--'] {\n vertical-align: middle\n}\n\n.grid__row--middled:after {\n content: \"\";\n display: inline-block;\n height: 100%;\n vertical-align: middle\n}\n\n.grid__row--centered {\n text-align: center\n}\n\n.grid__row--justified {\n text-align: justify;\n text-justify: distribute\n}\n\n.grid__row--justified:after {\n content: \"\";\n display: inline-block;\n width: 100%\n}\n\n.grid__row--opposite {\n text-align: right\n}\n\n[class*='grid__col--'] {\n display: inline-block;\n padding: 0;\n font-size: 14px;\n line-height: 20px;\n text-align: left;\n vertical-align: top;\n\n @media (min-width: 768px) and (max-width: 1199px) {\n margin-bottom: 24px;\n }\n}\n\n/* 24 column grid system */\n@media (min-width: 768px) {\n .grid__col--1 {\n width: 4.16667%\n }\n\n .grid__col--2 {\n width: 8.33333%\n }\n\n .grid__col--3 {\n width: 12.5%\n }\n\n .grid__col--4 {\n width: 16.66667%\n }\n\n .grid__col--5 {\n width: 20.83333%\n }\n\n .grid__col--6 {\n width: 25%\n }\n\n .grid__col--7 {\n width: 29.16667%\n }\n\n .grid__col--8 {\n width: 33.33333%\n }\n\n .grid__col--9 {\n width: 37.5%\n }\n\n .grid__col--10 {\n width: 41.66667%\n }\n\n .grid__col--11 {\n width: 45.83333%\n }\n\n .grid__col--12 {\n width: 50%\n }\n\n .grid__col--13 {\n width: 54.16667%\n }\n\n .grid__col--14 {\n width: 58.33333%\n }\n\n .grid__col--15 {\n width: 62.5%\n }\n\n .grid__col--16 {\n width: 66.66667%\n }\n\n .grid__col--17 {\n width: 70.83333%\n }\n\n .grid__col--18 {\n width: 75%\n }\n\n .grid__col--19 {\n width: 79.16667%\n }\n\n .grid__col--20 {\n width: 83.33333%\n }\n\n .grid__col--21 {\n width: 87.5%\n }\n\n .grid__col--22 {\n width: 91.66667%\n }\n\n .grid__col--23 {\n width: 95.83333%\n }\n\n .grid__col--24 {\n width: 100%\n }\n\n .grid__col--full {\n width: 100%\n }\n\n .grid__col--half {\n width: 50%\n }\n\n .grid__col--third {\n width: 33.33333%\n }\n\n .grid__col--quarter {\n width: 25%\n }\n\n .grid__col--fifth {\n width: 20%\n }\n\n .grid__col--bleed {\n padding-left: 0;\n padding-right: 0\n }\n\n .grid__col--bleedLeft {\n padding-left: 0\n }\n\n .grid__col--bleedRight {\n padding-right: 0\n }\n\n .grid__col--group {\n display: inline-block;\n vertical-align: top;\n font-size: 0;\n line-height: 0\n }\n}\n\n@media (min-width: 768px) and (max-width: 1199px) {\n .grid__col-md--7 {\n width: 29.16667%\n }\n}\n\n.grid__col--offset1 {\n margin-left: 4.16667%\n}\n\n@media (min-width: 768px) {\n .grid__col-md-up--offset1 {\n margin-left: 4.16667%\n }\n}\n\n.grid__col--offset2 {\n margin-left: 8.33333%\n}","texts":null,"defaults":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"components":[{"id":"custom.widget.Footer_2024","form":null,"config":null,"props":[],"__typename":"Component"}],"grouping":"CUSTOM","__typename":"ComponentTemplate"},"properties":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"form":null,"__typename":"Component","localOverride":false},"globalCss":{"css":".custom_widget_Footer_2024_custom-footer_aax6c_1 {\n width: 100%;\n\tpadding: 0 var(--lia-bs-grid-gutter-width);\n\tmargin: 0 auto;\n\n @media (min-width: 576px) {\n max-width: 33.75rem;\n }\n\n @media (min-width: 768px) {\n max-width: 45rem;\n padding: 0 calc(var(--lia-bs-grid-gutter-width) * .5);\n }\n\n @media (min-width: 992px) {\n max-width: 60rem;\n }\n\n @media (min-width: 1260px) {\n\t max-width: var(--lia-container-max-width);\n }\n\n ol {\n list-style-type: decimal\n }\n\n ul {\n list-style-type: disc\n }\n\n ul,ol {\n list-style-position: outside\n }\n\n li {\n margin-bottom: .8em;\n position: relative\n }\n\n li ol,li ul {\n margin: .8em 0\n }\n\n nav ul,nav ol {\n list-style: none;\n list-style-image: none\n }\n\n a {\n color: var(--lia-bs-body-color);\n\n &:hover {\n color: var(--lia-bs-body-color);\n }\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n img.custom_widget_Footer_2024_footer-logo_aax6c_62 {\n margin-bottom: 1.5rem;\n\n @media (min-width: 1260px) {\n max-width: none;\n }\n }\n\n ul.custom_widget_Footer_2024_list-inline_aax6c_70 {\n display: flex;\n flex-wrap: wrap;\n\n li {\n display: inline-block;\n margin-bottom: 0;\n\n + li {\n margin-left: 0.5rem;\n }\n }\n }\n}\n\n.custom_widget_Footer_2024_custom-footer_aax6c_1 .custom_widget_Footer_2024_footer-link-stack_aax6c_85 {\n + .custom_widget_Footer_2024_footer-link-stack_aax6c_85 {\n margin-top: 1.5rem;\n \n @media (min-width: 768px) {\n margin-top: 0;\n }\n }\n\n ul {\n list-style: none;\n margin-bottom: 0;\n padding-left: 0;\n\n li:last-child {\n margin-bottom: 0;\n }\n\n + ul {\n margin-top: 0.5rem;\n }\n }\n \n h3 {\n font-size: var(--lia-bs-font-size-base);\n font-weight: 600;\n }\n\n ul + h3 {\n margin-top: 1.5rem;\n }\n\n ul.custom_widget_Footer_2024_list-with-icons_aax6c_117 {\n margin-top: .4em;\n margin-bottom: 0;\n\n li {\n margin-bottom: 0;\n\n a {\n display: flex;\n background-size: 25px;\n background-repeat: no-repeat;\n background-position: left center;\n padding-bottom: .4em;\n padding-left: 2.0625rem;\n padding-top: .4em;\n }\n }\n }\n\n .custom_widget_Footer_2024_link-social_aax6c_136 {\n width: 2rem;\n height: 2rem;\n border: 1px solid #eeeeee;\n background-color: var(--white);\n border-radius: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n\n.custom_widget_Footer_2024_footer-hr_aax6c_148 {\n hr {\n border-top: 1px solid #e4e4e4;\n margin-top: 2rem;\n margin-bottom: 0;\n }\n\n [class*=\"grid__col--\"] {\n margin-bottom: 2.5rem;\n }\n}\n\n.custom_widget_Footer_2024_footer__brand_aax6c_160 {\n margin-bottom: 1.5rem;\n margin-top: 3.75rem;\n\n @media (min-width: 768px) and (max-width: 1199px) {\n margin-bottom: 0;\n margin-top: 2.25rem;\n }\n\n ul.custom_widget_Footer_2024_list-inline_aax6c_70 {\n margin-bottom: 0;\n\n @media (max-width: 767px) {\n justify-content: center;\n }\n\n li {\n margin-bottom: 0.75rem;\n }\n\n li + li {\n margin-left: 0;\n }\n }\n .custom_widget_Footer_2024_list-divided_aax6c_184 {\n padding-left: 0;\n\n li {\n margin-right: 0.75rem;\n margin-left: 0;\n padding-right: 0.75rem;\n border-right: 1px solid var(--lia-bs-body-color);\n line-height: 1;\n\n &:last-child {\n border-right: 0;\n margin-right: 0;\n }\n }\n\n @media (max-width: 767px) {\n text-align: center;\n\n .custom_widget_Footer_2024_brand-line_aax6c_203 {\n width: 100%;\n border-right: 0;\n }\n }\n }\n}\n\n.custom_widget_Footer_2024_grid__row_aax6c_211 {\n font-size: 0;\n line-height: 0;\n display: flex;\n flex-direction: column;\n\n @media (min-width: 768px) {\n flex-direction: row;\n flex-wrap: wrap;\n }\n\n @media (min-width: 1200px) {\n flex-wrap: nowrap;\n }\n}\n\n.custom_widget_Footer_2024_grid__row--middled_aax6c_227 [class*='grid__col--'] {\n vertical-align: middle\n}\n\n.custom_widget_Footer_2024_grid__row--middled_aax6c_227:after {\n content: \"\";\n display: inline-block;\n height: 100%;\n vertical-align: middle\n}\n\n.custom_widget_Footer_2024_grid__row--centered_aax6c_238 {\n text-align: center\n}\n\n.custom_widget_Footer_2024_grid__row--justified_aax6c_242 {\n text-align: justify;\n text-justify: distribute\n}\n\n.custom_widget_Footer_2024_grid__row--justified_aax6c_242:after {\n content: \"\";\n display: inline-block;\n width: 100%\n}\n\n.custom_widget_Footer_2024_grid__row--opposite_aax6c_253 {\n text-align: right\n}\n\n[class*='grid__col--'] {\n display: inline-block;\n padding: 0;\n font-size: 0.875rem;\n line-height: 1.25rem;\n text-align: left;\n vertical-align: top;\n\n @media (min-width: 768px) and (max-width: 1199px) {\n margin-bottom: 1.5rem;\n }\n}\n\n/* 24 column grid system */\n\n@media (min-width: 768px) {\n .custom_widget_Footer_2024_grid__col--1_aax6c_272 {\n width: 4.16667%\n }\n\n .custom_widget_Footer_2024_grid__col--2_aax6c_276 {\n width: 8.33333%\n }\n\n .custom_widget_Footer_2024_grid__col--3_aax6c_280 {\n width: 12.5%\n }\n\n .custom_widget_Footer_2024_grid__col--4_aax6c_284 {\n width: 16.66667%\n }\n\n .custom_widget_Footer_2024_grid__col--5_aax6c_288 {\n width: 20.83333%\n }\n\n .custom_widget_Footer_2024_grid__col--6_aax6c_292 {\n width: 25%\n }\n\n .custom_widget_Footer_2024_grid__col--7_aax6c_296 {\n width: 29.16667%\n }\n\n .custom_widget_Footer_2024_grid__col--8_aax6c_300 {\n width: 33.33333%\n }\n\n .custom_widget_Footer_2024_grid__col--9_aax6c_304 {\n width: 37.5%\n }\n\n .custom_widget_Footer_2024_grid__col--10_aax6c_308 {\n width: 41.66667%\n }\n\n .custom_widget_Footer_2024_grid__col--11_aax6c_312 {\n width: 45.83333%\n }\n\n .custom_widget_Footer_2024_grid__col--12_aax6c_316 {\n width: 50%\n }\n\n .custom_widget_Footer_2024_grid__col--13_aax6c_320 {\n width: 54.16667%\n }\n\n .custom_widget_Footer_2024_grid__col--14_aax6c_324 {\n width: 58.33333%\n }\n\n .custom_widget_Footer_2024_grid__col--15_aax6c_328 {\n width: 62.5%\n }\n\n .custom_widget_Footer_2024_grid__col--16_aax6c_332 {\n width: 66.66667%\n }\n\n .custom_widget_Footer_2024_grid__col--17_aax6c_336 {\n width: 70.83333%\n }\n\n .custom_widget_Footer_2024_grid__col--18_aax6c_340 {\n width: 75%\n }\n\n .custom_widget_Footer_2024_grid__col--19_aax6c_344 {\n width: 79.16667%\n }\n\n .custom_widget_Footer_2024_grid__col--20_aax6c_348 {\n width: 83.33333%\n }\n\n .custom_widget_Footer_2024_grid__col--21_aax6c_352 {\n width: 87.5%\n }\n\n .custom_widget_Footer_2024_grid__col--22_aax6c_356 {\n width: 91.66667%\n }\n\n .custom_widget_Footer_2024_grid__col--23_aax6c_360 {\n width: 95.83333%\n }\n\n .custom_widget_Footer_2024_grid__col--24_aax6c_364 {\n width: 100%\n }\n\n .custom_widget_Footer_2024_grid__col--full_aax6c_368 {\n width: 100%\n }\n\n .custom_widget_Footer_2024_grid__col--half_aax6c_372 {\n width: 50%\n }\n\n .custom_widget_Footer_2024_grid__col--third_aax6c_376 {\n width: 33.33333%\n }\n\n .custom_widget_Footer_2024_grid__col--quarter_aax6c_380 {\n width: 25%\n }\n\n .custom_widget_Footer_2024_grid__col--fifth_aax6c_384 {\n width: 20%\n }\n\n .custom_widget_Footer_2024_grid__col--bleed_aax6c_388 {\n padding-left: 0;\n padding-right: 0\n }\n\n .custom_widget_Footer_2024_grid__col--bleedLeft_aax6c_393 {\n padding-left: 0\n }\n\n .custom_widget_Footer_2024_grid__col--bleedRight_aax6c_397 {\n padding-right: 0\n }\n\n .custom_widget_Footer_2024_grid__col--group_aax6c_401 {\n display: inline-block;\n vertical-align: top;\n font-size: 0;\n line-height: 0\n }\n}\n\n@media (min-width: 768px) and (max-width: 1199px) {\n .custom_widget_Footer_2024_grid__col-md--7_aax6c_410 {\n width: 29.16667%\n }\n}\n\n.custom_widget_Footer_2024_grid__col--offset1_aax6c_415 {\n margin-left: 4.16667%\n}\n\n@media (min-width: 768px) {\n .custom_widget_Footer_2024_grid__col-md-up--offset1_aax6c_420 {\n margin-left: 4.16667%\n }\n}\n\n.custom_widget_Footer_2024_grid__col--offset2_aax6c_425 {\n margin-left: 8.33333%\n}","tokens":{"custom-footer":"custom_widget_Footer_2024_custom-footer_aax6c_1","footer-logo":"custom_widget_Footer_2024_footer-logo_aax6c_62","list-inline":"custom_widget_Footer_2024_list-inline_aax6c_70","footer-link-stack":"custom_widget_Footer_2024_footer-link-stack_aax6c_85","list-with-icons":"custom_widget_Footer_2024_list-with-icons_aax6c_117","link-social":"custom_widget_Footer_2024_link-social_aax6c_136","footer-hr":"custom_widget_Footer_2024_footer-hr_aax6c_148","footer__brand":"custom_widget_Footer_2024_footer__brand_aax6c_160","list-divided":"custom_widget_Footer_2024_list-divided_aax6c_184","brand-line":"custom_widget_Footer_2024_brand-line_aax6c_203","grid__row":"custom_widget_Footer_2024_grid__row_aax6c_211","grid__row--middled":"custom_widget_Footer_2024_grid__row--middled_aax6c_227","grid__row--centered":"custom_widget_Footer_2024_grid__row--centered_aax6c_238","grid__row--justified":"custom_widget_Footer_2024_grid__row--justified_aax6c_242","grid__row--opposite":"custom_widget_Footer_2024_grid__row--opposite_aax6c_253","grid__col--1":"custom_widget_Footer_2024_grid__col--1_aax6c_272","grid__col--2":"custom_widget_Footer_2024_grid__col--2_aax6c_276","grid__col--3":"custom_widget_Footer_2024_grid__col--3_aax6c_280","grid__col--4":"custom_widget_Footer_2024_grid__col--4_aax6c_284","grid__col--5":"custom_widget_Footer_2024_grid__col--5_aax6c_288","grid__col--6":"custom_widget_Footer_2024_grid__col--6_aax6c_292","grid__col--7":"custom_widget_Footer_2024_grid__col--7_aax6c_296","grid__col--8":"custom_widget_Footer_2024_grid__col--8_aax6c_300","grid__col--9":"custom_widget_Footer_2024_grid__col--9_aax6c_304","grid__col--10":"custom_widget_Footer_2024_grid__col--10_aax6c_308","grid__col--11":"custom_widget_Footer_2024_grid__col--11_aax6c_312","grid__col--12":"custom_widget_Footer_2024_grid__col--12_aax6c_316","grid__col--13":"custom_widget_Footer_2024_grid__col--13_aax6c_320","grid__col--14":"custom_widget_Footer_2024_grid__col--14_aax6c_324","grid__col--15":"custom_widget_Footer_2024_grid__col--15_aax6c_328","grid__col--16":"custom_widget_Footer_2024_grid__col--16_aax6c_332","grid__col--17":"custom_widget_Footer_2024_grid__col--17_aax6c_336","grid__col--18":"custom_widget_Footer_2024_grid__col--18_aax6c_340","grid__col--19":"custom_widget_Footer_2024_grid__col--19_aax6c_344","grid__col--20":"custom_widget_Footer_2024_grid__col--20_aax6c_348","grid__col--21":"custom_widget_Footer_2024_grid__col--21_aax6c_352","grid__col--22":"custom_widget_Footer_2024_grid__col--22_aax6c_356","grid__col--23":"custom_widget_Footer_2024_grid__col--23_aax6c_360","grid__col--24":"custom_widget_Footer_2024_grid__col--24_aax6c_364","grid__col--full":"custom_widget_Footer_2024_grid__col--full_aax6c_368","grid__col--half":"custom_widget_Footer_2024_grid__col--half_aax6c_372","grid__col--third":"custom_widget_Footer_2024_grid__col--third_aax6c_376","grid__col--quarter":"custom_widget_Footer_2024_grid__col--quarter_aax6c_380","grid__col--fifth":"custom_widget_Footer_2024_grid__col--fifth_aax6c_384","grid__col--bleed":"custom_widget_Footer_2024_grid__col--bleed_aax6c_388","grid__col--bleedLeft":"custom_widget_Footer_2024_grid__col--bleedLeft_aax6c_393","grid__col--bleedRight":"custom_widget_Footer_2024_grid__col--bleedRight_aax6c_397","grid__col--group":"custom_widget_Footer_2024_grid__col--group_aax6c_401","grid__col-md--7":"custom_widget_Footer_2024_grid__col-md--7_aax6c_410","grid__col--offset1":"custom_widget_Footer_2024_grid__col--offset1_aax6c_415","grid__col-md-up--offset1":"custom_widget_Footer_2024_grid__col-md-up--offset1_aax6c_420","grid__col--offset2":"custom_widget_Footer_2024_grid__col--offset2_aax6c_425"}},"form":null},"localOverride":false},"CachedAsset:component:custom.widget.GoogleTag-en-1742329325216":{"__typename":"CachedAsset","id":"component:custom.widget.GoogleTag-en-1742329325216","value":{"component":{"id":"custom.widget.GoogleTag","template":{"id":"GoogleTag","markupLanguage":"HANDLEBARS","style":null,"texts":null,"defaults":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"components":[{"id":"custom.widget.GoogleTag","form":null,"config":null,"props":[],"__typename":"Component"}],"grouping":"CUSTOM","__typename":"ComponentTemplate"},"properties":{"config":{"applicablePages":[],"description":"","fetchedContent":null,"__typename":"ComponentConfiguration"},"props":[],"__typename":"ComponentProperties"},"form":null,"__typename":"Component","localOverride":false},"globalCss":null,"form":null},"localOverride":false},"CachedAsset:text:en_US-components/community/Breadcrumb-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/community/Breadcrumb-1742336094940","value":{"navLabel":"Breadcrumbs","dropdown":"Additional parent page navigation"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageBanner-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageBanner-1742336094940","value":{"messageMarkedAsSpam":"This post has been marked as spam","messageMarkedAsSpam@board:TKB":"This article has been marked as spam","messageMarkedAsSpam@board:BLOG":"This post has been marked as spam","messageMarkedAsSpam@board:FORUM":"This discussion has been marked as spam","messageMarkedAsSpam@board:OCCASION":"This event has been marked as spam","messageMarkedAsSpam@board:IDEA":"This idea has been marked as spam","manageSpam":"Manage Spam","messageMarkedAsAbuse":"This post has been marked as abuse","messageMarkedAsAbuse@board:TKB":"This article has been marked as abuse","messageMarkedAsAbuse@board:BLOG":"This post has been marked as abuse","messageMarkedAsAbuse@board:FORUM":"This discussion has been marked as abuse","messageMarkedAsAbuse@board:OCCASION":"This event has been marked as abuse","messageMarkedAsAbuse@board:IDEA":"This idea has been marked as abuse","preModCommentAuthorText":"This comment will be published as soon as it is approved","preModCommentModeratorText":"This comment is awaiting moderation","messageMarkedAsOther":"This post has been rejected due to other reasons","messageMarkedAsOther@board:TKB":"This article has been rejected due to other reasons","messageMarkedAsOther@board:BLOG":"This post has been rejected due to other reasons","messageMarkedAsOther@board:FORUM":"This discussion has been rejected due to other reasons","messageMarkedAsOther@board:OCCASION":"This event has been rejected due to other reasons","messageMarkedAsOther@board:IDEA":"This idea has been rejected due to other reasons","messageArchived":"This post was archived on {date}","relatedUrl":"View Related Content","relatedContentText":"Showing related content","archivedContentLink":"View Archived Content"},"localOverride":false},"CachedAsset:text:en_US-components/messages/RelatedContentWidget-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/RelatedContentWidget-1742336094940","value":{"title":"Related Content","emptyDescription":"No content to show"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageListForNodeByRecentActivityWidget-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageListForNodeByRecentActivityWidget-1742336094940","value":{"title@userScope:other":"Recent Content","title@userScope:self":"Contributions","title@board:FORUM@userScope:other":"Recent Discussions","title@board:BLOG@userScope:other":"Recent Blogs","emptyDescription":"No content to show","MessageListForNodeByRecentActivityWidgetEditor.nodeScope.label":"Scope","title@instance:1742336057463":"Archive","title@instance:ZvyUCy":"Most Recent","title@instance:1707846530344":"Conversations happening now","title@instance:1739575249929":"Archive","title@instance:1714488527325":"Recent Discussions","title@instance:1706711291349":"All Discussions","title@instance:VSkfRi":"Latest Examples","title@instance:1714488985590":"Newest Articles","title@instance:RMdoRw":"Articulate 360","title@instance:1738706092189":"Recent Posts","title@instance:1741381041212":"Recent Introductions","title@instance:1699309009420":"All Discussions","title@instance:1692888582733":"Featured Blogs","title@instance:1739574280328":"Archive","title@instance:izlekO":"Newewst","title@instance:lEVAOo":"Storyline ","title@instance:1724679624046":"Discussions","title@instance:1741968196384":"Tips & Tricks","title@instance:1733520341799":"Recent Updates","title@instance:1739574057369":"Archive","title@instance:GZBHHL":"Most Recent","title@instance:1707245656473":"All Activity","title@instance:1709743420575":"Get Inspired","title@instance:1710185086146":"Help Others","title@instance:BvWgAB":"Newest Articles","title@instance:Xxobbq":"Articulate 360","title@instance:NpCDGP":"Articulate 360","title@instance:1739574739557":"Archive","title@instance:kqkevC":"Archive","title@instance:XjcSMt":"All Discussions","title@instance:1708474656044":"Storyline ","title@instance:xLLSjm":"Archive","title@instance:1708524106229":"Studio 360","title@instance:1742335819119":"Archive","title@instance:1725460485728":"Recent Product Updates","title@instance:1710442232647":"Projects","title@instance:cYpvLP":"Articulate 360","title@instance:1706903088508":"Help Others","title@instance:1709734834038":"All Challenges","title@instance:1738765561478":"Previous Tips & Tricks","title@instance:1714054755842":"Join a challenge","title@instance:1739574911515":"Archive","title@instance:1739573273584":"Archive","title@instance:QwMMqe":"This Week's Challenge","title@instance:YDTjSo":"Archive","title@instance:1714488724456":"Join a Challenge","title@instance:1713899183346":"Featured Tutorial","title@instance:1711573126191":"Have an Idea? Share it with Us!","title@instance:YraixK":"Everything","title@instance:YqcZZo":"Articulate 360","title@instance:1739574463817":"Archive","title@instance:wePydP":"Recent Discussions","title@instance:QDzbgX":"Most Recent","title@instance:ErXgTF":"Articulate 360","title@instance:1710184556305":"Get Inspired","title@instance:1709735255357":"Recaps","title@instance:1708525179181":"Rise 360 ","title@instance:1738768304153":"Recent Tips & Tricks","title@instance:cIEamF":"Most Recent","title@instance:1738858551617":"Archive","title@instance:1739575591629":"Archive","title@instance:1707781116957":"","title@instance:1710185242694":"Get Inspired","title@instance:1714499256147":"This Week's Challenge","title@instance:qUtfiY":"Articulate 360","title@instance:FmAgYs":"All Tutorials","title@instance:obdvcl":"Most Recent","title@instance:lstAQM":"Most Recent","title@instance:lAGrsn":"All Examples and Downloads","title@instance:1711027838310":"Newest","title@instance:hmRLIQ":"Studio 360","title@instance:1706713700018":"Recent Discussions","title@instance:1710185499597":"Join A Challenge","title@instance:1714164286062":"Discuss","title@instance:1714054899572":"Get Inspired","title@instance:1707245505334":"Featured Work","title@instance:1741699528515":"Introductions","title@instance:1710185577884":"Latest Examples","title@instance:1725718372499":"Recent Updates","title@instance:1699306493859":"Most Recent","title@instance:1724680829536":"Discussions","title@instance:1739574375340":"Archive","title@instance:KFlMQC":"Tutorials","title@instance:DFRZfd":"Articulate 360","title@instance:sfHoXR":"Recent Updates","title@instance:1710184481343":"Grow Your Skills","title@instance:1737737989450":"Administraion","title@instance:PiICyd":"Newest","title@instance:1707328529472":"Articulate 360","title@instance:mSZqMv":"Newest","title@instance:yVwpbC":"","title@instance:1724761095523":"Latest Product Updates","title@instance:zKqoJx":"Articulate 360","title@instance:1739573660871":"Archive"},"localOverride":false},"Category:category:learn":{"__typename":"Category","id":"category:learn","categoryPolicies":{"__typename":"CategoryPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"entityType":"CATEGORY","displayId":"learn","nodeType":"category","depth":1,"title":"Learn","shortTitle":"Learn"},"Blog:board:articles":{"__typename":"Blog","id":"board:articles","blogPolicies":{"__typename":"BlogPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Tkb:board:e-books":{"__typename":"Tkb","id":"board:e-books","tkbPolicies":{"__typename":"TkbPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Tkb:board:user-guides":{"__typename":"Tkb","id":"board:user-guides","tkbPolicies":{"__typename":"TkbPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"entityType":"TKB","displayId":"user-guides","nodeType":"board","depth":2,"conversationStyle":"TKB","title":"User Guides","shortTitle":"User Guides","parent":{"__ref":"Category:category:learn"},"userContext":{"__typename":"NodeUserContext","canAddAttachments":true,"canUpdateNode":false,"canPostMessages":false,"isSubscribed":false},"avatar":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bi0xMi1aamRzZTE?image-coordinates=0%2C0%2C400%2C400\"}"},"description":"Learn how to manage Articulate apps, create engaging courses, collaborate effectively, and distribute training quickly.","eventPath":"category:learn/community:rwgqn69235board:user-guides/"},"Blog:board:product-updates":{"__typename":"Blog","id":"board:product-updates","blogPolicies":{"__typename":"BlogPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Blog:board:e-learning-challenges":{"__typename":"Blog","id":"board:e-learning-challenges","blogPolicies":{"__typename":"BlogPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Blog:board:discover":{"__typename":"Blog","id":"board:discover","blogPolicies":{"__typename":"BlogPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Forum:board:discuss":{"__typename":"Forum","id":"board:discuss","forumPolicies":{"__typename":"ForumPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"entityType":"FORUM","displayId":"discuss","nodeType":"board","depth":2,"conversationStyle":"FORUM","title":"Discuss","shortTitle":"Discuss","parent":{"__ref":"Category:category:connect"},"userContext":{"__typename":"NodeUserContext","canAddAttachments":true,"canUpdateNode":false,"canPostMessages":false,"isSubscribed":false},"avatar":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bi0yNi0wc1g3ZFg?image-coordinates=0%2C0%2C400%2C400\"}"},"description":"Join conversations about Articulate products and all things e-learning.","eventPath":"category:connect/community:rwgqn69235board:discuss/"},"Forum:board:share-examples":{"__typename":"Forum","id":"board:share-examples","forumPolicies":{"__typename":"ForumPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Occasion:board:events":{"__typename":"Occasion","id":"board:events","boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"occasionPolicies":{"__typename":"OccasionPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Forum:board:share-ideas":{"__typename":"Forum","id":"board:share-ideas","forumPolicies":{"__typename":"ForumPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Category:category:training-tutorials":{"__typename":"Category","id":"category:training-tutorials","categoryPolicies":{"__typename":"CategoryPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"entityType":"CATEGORY","displayId":"training-tutorials","nodeType":"category","depth":2,"title":"Training and Tutorials","shortTitle":"Training and Tutorials"},"Occasion:board:training-webinars":{"__typename":"Occasion","id":"board:training-webinars","boardPolicies":{"__typename":"BoardPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"occasionPolicies":{"__typename":"OccasionPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Category:category:welcome-center":{"__typename":"Category","id":"category:welcome-center","categoryPolicies":{"__typename":"CategoryPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Conversation:conversation:1219229":{"__typename":"Conversation","id":"conversation:1219229","topic":{"__typename":"ForumTopicMessage","uid":1219229},"lastPostingActivityTime":"2025-03-18T09:01:48.272-07:00","solved":false},"ForumTopicMessage:message:1219229":{"__typename":"ForumTopicMessage","subject":"Roll Die JavaScript","conversation":{"__ref":"Conversation:conversation:1219229"},"id":"message:1219229","revisionNum":1,"uid":1219229,"depth":0,"board":{"__ref":"Forum:board:javascriptforum-board"},"author":{"__typename":"User","uid":251383,"login":"DeannaRoberts","registrationData":{"__typename":"RegistrationData","status":null},"deleted":false,"avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C58b58283a5070c7b42e14e32"}},"metrics":{"__typename":"MessageMetrics","views":23},"postTime":"2025-03-07T08:11:07.594-08:00","lastPublishTime":"2025-03-07T08:11:07.594-08:00","readOnly":false},"Conversation:conversation:1220541":{"__typename":"Conversation","id":"conversation:1220541","topic":{"__typename":"ForumTopicMessage","uid":1220541},"lastPostingActivityTime":"2025-03-18T08:53:01.153-07:00","solved":false},"ForumTopicMessage:message:1220541":{"__typename":"ForumTopicMessage","subject":"Text to Speech Converted","conversation":{"__ref":"Conversation:conversation:1220541"},"id":"message:1220541","revisionNum":1,"uid":1220541,"depth":0,"board":{"__ref":"Forum:board:javascriptforum-board"},"author":{"__typename":"User","uid":579935,"login":"JeffreyRiley-9e","registrationData":{"__typename":"RegistrationData","status":null},"deleted":false,"avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C589dfdb3f366662ecf7f080a"}},"metrics":{"__typename":"MessageMetrics","views":3},"postTime":"2025-03-18T08:53:01.153-07:00","lastPublishTime":"2025-03-18T08:53:01.153-07:00","readOnly":false},"Conversation:conversation:1220423":{"__typename":"Conversation","id":"conversation:1220423","topic":{"__typename":"ForumTopicMessage","uid":1220423},"lastPostingActivityTime":"2025-03-17T09:51:10.248-07:00","solved":false},"ForumTopicMessage:message:1220423":{"__typename":"ForumTopicMessage","subject":"Object reference","conversation":{"__ref":"Conversation:conversation:1220423"},"id":"message:1220423","revisionNum":1,"uid":1220423,"depth":0,"board":{"__ref":"Forum:board:javascriptforum-board"},"author":{"__typename":"User","uid":579935,"login":"JeffreyRiley-9e","registrationData":{"__typename":"RegistrationData","status":null},"deleted":false,"avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C589dfdb3f366662ecf7f080a"}},"metrics":{"__typename":"MessageMetrics","views":6},"postTime":"2025-03-17T09:51:10.248-07:00","lastPublishTime":"2025-03-17T09:51:10.248-07:00","readOnly":false},"Conversation:conversation:1220164":{"__typename":"Conversation","id":"conversation:1220164","topic":{"__typename":"ForumTopicMessage","uid":1220164},"lastPostingActivityTime":"2025-03-14T01:27:09.742-07:00","solved":false},"ForumTopicMessage:message:1220164":{"__typename":"ForumTopicMessage","subject":"Assistence Needed: Text Variable in Storyline","conversation":{"__ref":"Conversation:conversation:1220164"},"id":"message:1220164","revisionNum":1,"uid":1220164,"depth":0,"board":{"__ref":"Forum:board:javascriptforum-board"},"author":{"__typename":"User","uid":509418,"login":"NeeluBera-2f144","registrationData":{"__typename":"RegistrationData","status":null},"deleted":false,"avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/aid%7C7a5be857-bb9d-4d95-a8b7-cbe25b6593d2"}},"metrics":{"__typename":"MessageMetrics","views":10},"postTime":"2025-03-14T01:27:09.742-07:00","lastPublishTime":"2025-03-14T01:27:09.742-07:00","readOnly":false},"Conversation:conversation:1208882":{"__typename":"Conversation","id":"conversation:1208882","topic":{"__typename":"ForumTopicMessage","uid":1208882},"lastPostingActivityTime":"2025-03-13T14:56:32.058-07:00","solved":false},"ForumTopicMessage:message:1208882":{"__typename":"ForumTopicMessage","subject":"How To Embed An ElevenLabs Conversational AI Widget Into SL360 Using JS!","conversation":{"__ref":"Conversation:conversation:1208882"},"id":"message:1208882","revisionNum":2,"uid":1208882,"depth":0,"board":{"__ref":"Forum:board:javascriptforum-board"},"author":{"__typename":"User","uid":1257245,"login":"ChrisHodgson","registrationData":{"__typename":"RegistrationData","status":null},"deleted":false,"avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C10edbae0-b37f-0131-2ee8-22000b2f96a1"}},"metrics":{"__typename":"MessageMetrics","views":152},"postTime":"2024-12-05T07:38:44.538-08:00","lastPublishTime":"2024-12-05T07:43:31.549-08:00","readOnly":false},"User:user:419422":{"__typename":"User","id":"user:419422","uid":419422,"login":"MikeImage","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2014-12-18T09:03:06.000-08:00","confirmEmailStatus":null,"registrationAccessLevel":null,"ssoRegistrationFields":[]},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C0e4655b0-5c5a-0132-d4e0-22000b1288a9"},"rank":{"__ref":"Rank:rank:6"},"messagesCount":75,"kudosGivenCount":0,"kudosReceivedCount":3,"kudosWeight":1,"ssoId":null,"followersCount":null,"solutionsCount":1,"entityType":"USER","eventPath":"community:rwgqn69235/user:419422"},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bi0yNi0wc1g3ZFg?image-coordinates=0%2C0%2C400%2C400\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bi0yNi0wc1g3ZFg?image-coordinates=0%2C0%2C400%2C400","mimeType":"image/png"},"ForumTopicMessage:message:1198451":{"__typename":"ForumTopicMessage","uid":1198451,"subject":"Scene Progress bars using javascript","id":"message:1198451","revisionNum":1,"repliesCount":7,"author":{"__ref":"User:user:419422"},"depth":0,"hasGivenKudo":false,"board":{"__ref":"Forum:board:discuss"},"conversation":{"__ref":"Conversation:conversation:1198451"},"moderationData":{"__ref":"ModerationData:moderation_data:1198451"},"postTime":"2024-09-04T10:57:29.911-07:00","lastPublishTime":"2024-09-04T10:57:29.911-07:00","readOnly":false,"metrics":{"__typename":"MessageMetrics","views":350},"placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"entityType":"FORUM_TOPIC","eventPath":"category:connect/community:rwgqn69235board:discuss/message:1198451"},"Conversation:conversation:1198451":{"__typename":"Conversation","id":"conversation:1198451","solved":true,"topic":{"__ref":"ForumTopicMessage:message:1198451"},"lastPostingActivityTime":"2024-09-05T05:19:00.805-07:00","lastPostTime":"2024-09-05T05:19:00.805-07:00"},"ModerationData:moderation_data:1198451":{"__typename":"ModerationData","id":"moderation_data:1198451","status":"APPROVED","rejectReason":null},"RelatedContentMessage:RelatedContentMessage:1198451":{"__typename":"RelatedContentMessage","id":"RelatedContentMessage:1198451","relatedMessage":{"__ref":"ForumTopicMessage:message:1198451"}},"User:user:698371":{"__typename":"User","id":"user:698371","uid":698371,"login":"NikkiLowin-3dc2","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2023-06-22T09:51:14.000-07:00","confirmEmailStatus":null,"registrationAccessLevel":null,"ssoRegistrationFields":[]},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C5c3e41e95d07c502356e614e"},"rank":{"__ref":"Rank:rank:6"},"messagesCount":2,"kudosGivenCount":0,"kudosReceivedCount":1,"kudosWeight":1,"ssoId":null,"followersCount":null,"solutionsCount":0,"entityType":"USER","eventPath":"community:rwgqn69235/user:698371"},"ForumTopicMessage:message:1218359":{"__typename":"ForumTopicMessage","uid":1218359,"subject":"JavaScript help","id":"message:1218359","revisionNum":1,"repliesCount":6,"author":{"__ref":"User:user:698371"},"depth":0,"hasGivenKudo":false,"board":{"__ref":"Forum:board:discuss"},"conversation":{"__ref":"Conversation:conversation:1218359"},"moderationData":{"__ref":"ModerationData:moderation_data:1218359"},"postTime":"2025-02-27T11:39:24.624-08:00","lastPublishTime":"2025-02-27T11:39:24.624-08:00","readOnly":false,"metrics":{"__typename":"MessageMetrics","views":87},"placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"entityType":"FORUM_TOPIC","eventPath":"category:connect/community:rwgqn69235board:discuss/message:1218359"},"Conversation:conversation:1218359":{"__typename":"Conversation","id":"conversation:1218359","solved":true,"topic":{"__ref":"ForumTopicMessage:message:1218359"},"lastPostingActivityTime":"2025-03-11T02:21:31.410-07:00","lastPostTime":"2025-03-11T02:21:31.410-07:00"},"ModerationData:moderation_data:1218359":{"__typename":"ModerationData","id":"moderation_data:1218359","status":"APPROVED","rejectReason":null},"RelatedContentMessage:RelatedContentMessage:1218359":{"__typename":"RelatedContentMessage","id":"RelatedContentMessage:1218359","relatedMessage":{"__ref":"ForumTopicMessage:message:1218359"}},"Rank:rank:2":{"__typename":"Rank","id":"rank:2","position":1,"name":"Staff","color":"00AEEF","icon":null,"rankStyle":"FILLED"},"User:user:914631":{"__typename":"User","id":"user:914631","uid":914631,"login":"TomKuhlmann","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2010-10-22T04:41:34.000-07:00","confirmEmailStatus":null,"registrationAccessLevel":null,"ssoRegistrationFields":[]},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://community.articulate.com/t5/s/rwgqn69235/images/dS05MTQ2MzEtUTBHUDdD?image-coordinates=0%2C0%2C532%2C532"},"rank":{"__ref":"Rank:rank:2"},"messagesCount":300,"kudosGivenCount":49,"kudosReceivedCount":1525,"kudosWeight":1,"ssoId":null,"followersCount":null,"solutionsCount":2,"entityType":"USER","eventPath":"community:rwgqn69235/user:914631"},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bi0xMjEtUVNvVFY1?image-coordinates=0%2C0%2C1920%2C1920\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bi0xMjEtUVNvVFY1?image-coordinates=0%2C0%2C1920%2C1920","mimeType":"image/png"},"Tkb:board:storyline-tips-tricks":{"__typename":"Tkb","id":"board:storyline-tips-tricks","entityType":"TKB","displayId":"storyline-tips-tricks","nodeType":"board","depth":3,"conversationStyle":"TKB","title":"Storyline Skill Builders","shortTitle":"Storyline Skill Builders","parent":{"__ref":"Category:category:training-tutorials"},"userContext":{"__typename":"NodeUserContext","canAddAttachments":true,"canUpdateNode":false,"canPostMessages":false,"isSubscribed":false},"avatar":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bi0xMjEtUVNvVFY1?image-coordinates=0%2C0%2C1920%2C1920\"}"},"description":"Level up your Storyline skills with these tips & tricks.","eventPath":"category:training-tutorials/category:learn/community:rwgqn69235board:storyline-tips-tricks/"},"TkbTopicMessage:message:1216793":{"__typename":"TkbTopicMessage","uid":1216793,"subject":"How to Build a Progress Bar in Storyline 360","id":"message:1216793","revisionNum":3,"repliesCount":0,"author":{"__ref":"User:user:914631"},"depth":0,"hasGivenKudo":false,"helpful":null,"board":{"__ref":"Tkb:board:storyline-tips-tricks"},"conversation":{"__ref":"Conversation:conversation:1216793"},"contentWorkflow":{"__typename":"ContentWorkflow","state":"PUBLISH","scheduledPublishTime":null,"scheduledTimezone":null,"shortScheduledTimezone":null,"userContext":{"__typename":"MessageWorkflowContext","canSubmitForReview":null,"canEdit":false,"canRecall":null,"canSubmitForPublication":null,"canReturnToAuthor":null,"canPublish":null,"canReturnToReview":null,"canSchedule":null}},"moderationData":{"__ref":"ModerationData:moderation_data:1216793"},"teaser@stripHtml({\"removeProcessingText\":false,\"truncateLength\":200})":" Learn how to work with number variables and custom states to visually indicate learner progress. \n \n   ","postTime":"2025-02-13T13:24:33.843-08:00","lastPublishTime":"2025-02-14T01:09:21.021-08:00","readOnly":true,"introduction":"","metrics":{"__typename":"MessageMetrics","views":121},"placeholder":false,"originalMessageForPlaceholder":null,"entityType":"TKB_ARTICLE","eventPath":"category:training-tutorials/category:learn/community:rwgqn69235board:storyline-tips-tricks/message:1216793"},"Conversation:conversation:1216793":{"__typename":"Conversation","id":"conversation:1216793","solved":false,"topic":{"__ref":"TkbTopicMessage:message:1216793"},"lastPostingActivityTime":"2025-02-14T01:09:21.021-08:00","lastPostTime":"2025-02-13T13:24:33.843-08:00"},"ModerationData:moderation_data:1216793":{"__typename":"ModerationData","id":"moderation_data:1216793","status":"APPROVED","rejectReason":null},"RelatedContentMessage:RelatedContentMessage:1216793":{"__typename":"RelatedContentMessage","id":"RelatedContentMessage:1216793","relatedMessage":{"__ref":"TkbTopicMessage:message:1216793"}},"User:user:105477":{"__typename":"User","id":"user:105477","uid":105477,"login":"davelees","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2011-07-25T06:26:14.000-07:00","confirmEmailStatus":null,"registrationAccessLevel":null,"ssoRegistrationFields":[]},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C4f678ed0-b37d-0131-2ee8-22000b2f96a1"},"rank":{"__ref":"Rank:rank:6"},"messagesCount":76,"kudosGivenCount":9,"kudosReceivedCount":8,"kudosWeight":1,"ssoId":null,"followersCount":null,"solutionsCount":0,"entityType":"USER","eventPath":"community:rwgqn69235/user:105477"},"ForumTopicMessage:message:1215690":{"__typename":"ForumTopicMessage","uid":1215690,"subject":"Javascript issue","id":"message:1215690","revisionNum":1,"repliesCount":4,"author":{"__ref":"User:user:105477"},"depth":0,"hasGivenKudo":false,"board":{"__ref":"Forum:board:discuss"},"conversation":{"__ref":"Conversation:conversation:1215690"},"moderationData":{"__ref":"ModerationData:moderation_data:1215690"},"postTime":"2025-02-05T11:54:50.157-08:00","lastPublishTime":"2025-02-05T11:54:50.157-08:00","readOnly":false,"metrics":{"__typename":"MessageMetrics","views":69},"placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"entityType":"FORUM_TOPIC","eventPath":"category:connect/community:rwgqn69235board:discuss/message:1215690"},"Conversation:conversation:1215690":{"__typename":"Conversation","id":"conversation:1215690","solved":true,"topic":{"__ref":"ForumTopicMessage:message:1215690"},"lastPostingActivityTime":"2025-02-06T04:12:25.642-08:00","lastPostTime":"2025-02-06T04:12:25.642-08:00"},"ModerationData:moderation_data:1215690":{"__typename":"ModerationData","id":"moderation_data:1215690","status":"APPROVED","rejectReason":null},"RelatedContentMessage:RelatedContentMessage:1215690":{"__typename":"RelatedContentMessage","id":"RelatedContentMessage:1215690","relatedMessage":{"__ref":"ForumTopicMessage:message:1215690"}},"User:user:424209":{"__typename":"User","id":"user:424209","uid":424209,"login":"ShannonPage-27d","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2022-04-08T08:01:48.000-07:00","confirmEmailStatus":null,"registrationAccessLevel":null,"ssoRegistrationFields":[]},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/aid%7C866e4c9d-8473-4bd0-b06a-5501bf774fd2"},"rank":{"__ref":"Rank:rank:6"},"messagesCount":54,"kudosGivenCount":16,"kudosReceivedCount":35,"kudosWeight":1,"ssoId":null,"followersCount":null,"solutionsCount":0,"entityType":"USER","eventPath":"community:rwgqn69235/user:424209"},"ForumTopicMessage:message:1202716":{"__typename":"ForumTopicMessage","uid":1202716,"subject":"Magic JavaScript switch?","id":"message:1202716","revisionNum":2,"repliesCount":7,"author":{"__ref":"User:user:424209"},"depth":0,"hasGivenKudo":false,"board":{"__ref":"Forum:board:javascriptforum-board"},"conversation":{"__ref":"Conversation:conversation:1202716"},"moderationData":{"__ref":"ModerationData:moderation_data:1202716"},"postTime":"2024-10-07T11:51:10.386-07:00","lastPublishTime":"2024-10-07T12:34:31.309-07:00","readOnly":false,"metrics":{"__typename":"MessageMetrics","views":368},"placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"entityType":"FORUM_TOPIC","eventPath":"grouphub:javascript/category:join-groups/category:connect/community:rwgqn69235board:javascriptforum-board/message:1202716"},"Conversation:conversation:1202716":{"__typename":"Conversation","id":"conversation:1202716","solved":true,"topic":{"__ref":"ForumTopicMessage:message:1202716"},"lastPostingActivityTime":"2024-12-06T07:26:16.177-08:00","lastPostTime":"2024-12-06T07:26:16.177-08:00"},"ModerationData:moderation_data:1202716":{"__typename":"ModerationData","id":"moderation_data:1202716","status":"APPROVED","rejectReason":null},"RelatedContentMessage:RelatedContentMessage:1202716":{"__typename":"RelatedContentMessage","id":"RelatedContentMessage:1202716","relatedMessage":{"__ref":"ForumTopicMessage:message:1202716"}},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bi05Ny13VWQxNFE?image-coordinates=0%2C0%2C160%2C160\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bi05Ny13VWQxNFE?image-coordinates=0%2C0%2C160%2C160","mimeType":"image/png"},"Tkb:board:storyline-360-video-tutorials":{"__typename":"Tkb","id":"board:storyline-360-video-tutorials","entityType":"TKB","displayId":"storyline-360-video-tutorials","nodeType":"board","depth":3,"conversationStyle":"TKB","title":"Storyline Video Tutorials","shortTitle":"Storyline Video Tutorials","parent":{"__ref":"Category:category:training-tutorials"},"userContext":{"__typename":"NodeUserContext","canAddAttachments":true,"canUpdateNode":false,"canPostMessages":false,"isSubscribed":false},"avatar":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bi05Ny13VWQxNFE?image-coordinates=0%2C0%2C160%2C160\"}"},"description":"Quick Storyline tutorials to get you started.","eventPath":"category:training-tutorials/category:learn/community:rwgqn69235board:storyline-360-video-tutorials/"},"TkbTopicMessage:message:1210947":{"__typename":"TkbTopicMessage","uid":1210947,"subject":"Track Learner Progress with Quiz Result Slides in Storyline","id":"message:1210947","revisionNum":4,"repliesCount":0,"author":{"__ref":"User:user:914631"},"depth":0,"hasGivenKudo":false,"helpful":null,"board":{"__ref":"Tkb:board:storyline-360-video-tutorials"},"conversation":{"__ref":"Conversation:conversation:1210947"},"contentWorkflow":{"__typename":"ContentWorkflow","state":"PUBLISH","scheduledPublishTime":null,"scheduledTimezone":null,"shortScheduledTimezone":null,"userContext":{"__typename":"MessageWorkflowContext","canSubmitForReview":null,"canEdit":false,"canRecall":null,"canSubmitForPublication":null,"canReturnToAuthor":null,"canPublish":null,"canReturnToReview":null,"canSchedule":null}},"moderationData":{"__ref":"ModerationData:moderation_data:1210947"},"teaser@stripHtml({\"removeProcessingText\":false,\"truncateLength\":200})":" Discover how to set up result slides that provide meaningful feedback to learners while capturing essential tracking data. \n \n   ","postTime":"2024-12-23T17:25:49.491-08:00","lastPublishTime":"2025-01-18T12:36:17.617-08:00","readOnly":true,"introduction":"","metrics":{"__typename":"MessageMetrics","views":163},"placeholder":false,"originalMessageForPlaceholder":null,"entityType":"TKB_ARTICLE","eventPath":"category:training-tutorials/category:learn/community:rwgqn69235board:storyline-360-video-tutorials/message:1210947"},"Conversation:conversation:1210947":{"__typename":"Conversation","id":"conversation:1210947","solved":false,"topic":{"__ref":"TkbTopicMessage:message:1210947"},"lastPostingActivityTime":"2025-01-18T12:36:17.617-08:00","lastPostTime":"2024-12-23T17:25:49.491-08:00"},"ModerationData:moderation_data:1210947":{"__typename":"ModerationData","id":"moderation_data:1210947","status":"APPROVED","rejectReason":null},"RelatedContentMessage:RelatedContentMessage:1210947":{"__typename":"RelatedContentMessage","id":"RelatedContentMessage:1210947","relatedMessage":{"__ref":"TkbTopicMessage:message:1210947"}},"TkbTopicMessage:message:1216766":{"__typename":"TkbTopicMessage","uid":1216766,"subject":"Create Adaptive Self-Assessments with Storyline 360 and JavaScript","id":"message:1216766","revisionNum":3,"repliesCount":0,"author":{"__ref":"User:user:914631"},"depth":0,"hasGivenKudo":false,"helpful":null,"board":{"__ref":"Tkb:board:storyline-tips-tricks"},"conversation":{"__ref":"Conversation:conversation:1216766"},"contentWorkflow":{"__typename":"ContentWorkflow","state":"PUBLISH","scheduledPublishTime":null,"scheduledTimezone":null,"shortScheduledTimezone":null,"userContext":{"__typename":"MessageWorkflowContext","canSubmitForReview":null,"canEdit":false,"canRecall":null,"canSubmitForPublication":null,"canReturnToAuthor":null,"canPublish":null,"canReturnToReview":null,"canSchedule":null}},"moderationData":{"__ref":"ModerationData:moderation_data:1216766"},"teaser@stripHtml({\"removeProcessingText\":false,\"truncateLength\":200})":" E-Learning Super Hero Phil Mayor shows how to create a magazine-style self-assessment using Storyline 360 and JavaScript. \n \n   ","postTime":"2025-02-13T12:35:51.196-08:00","lastPublishTime":"2025-02-13T15:53:50.066-08:00","readOnly":true,"introduction":"","metrics":{"__typename":"MessageMetrics","views":56},"placeholder":false,"originalMessageForPlaceholder":null,"entityType":"TKB_ARTICLE","eventPath":"category:training-tutorials/category:learn/community:rwgqn69235board:storyline-tips-tricks/message:1216766"},"Conversation:conversation:1216766":{"__typename":"Conversation","id":"conversation:1216766","solved":false,"topic":{"__ref":"TkbTopicMessage:message:1216766"},"lastPostingActivityTime":"2025-02-13T15:53:50.066-08:00","lastPostTime":"2025-02-13T12:35:51.196-08:00"},"ModerationData:moderation_data:1216766":{"__typename":"ModerationData","id":"moderation_data:1216766","status":"APPROVED","rejectReason":null},"RelatedContentMessage:RelatedContentMessage:1216766":{"__typename":"RelatedContentMessage","id":"RelatedContentMessage:1216766","relatedMessage":{"__ref":"TkbTopicMessage:message:1216766"}},"User:user:54772":{"__typename":"User","id":"user:54772","uid":54772,"login":"MattBotelho","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2022-10-24T05:46:11.000-07:00","confirmEmailStatus":null,"registrationAccessLevel":null,"ssoRegistrationFields":[]},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/aid%7C6c322083-6884-4a0e-a6b4-25b779b257b6"},"rank":{"__ref":"Rank:rank:6"},"messagesCount":24,"kudosGivenCount":5,"kudosReceivedCount":4,"kudosWeight":1,"ssoId":null,"followersCount":null,"solutionsCount":0,"entityType":"USER","eventPath":"community:rwgqn69235/user:54772"},"ForumTopicMessage:message:1197999":{"__typename":"ForumTopicMessage","uid":1197999,"subject":"JavaScript not working","id":"message:1197999","revisionNum":1,"repliesCount":5,"author":{"__ref":"User:user:54772"},"depth":0,"hasGivenKudo":false,"board":{"__ref":"Forum:board:discuss"},"conversation":{"__ref":"Conversation:conversation:1197999"},"moderationData":{"__ref":"ModerationData:moderation_data:1197999"},"postTime":"2024-08-30T07:07:40.815-07:00","lastPublishTime":"2024-08-30T07:07:40.815-07:00","readOnly":false,"metrics":{"__typename":"MessageMetrics","views":237},"placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"entityType":"FORUM_TOPIC","eventPath":"category:connect/community:rwgqn69235board:discuss/message:1197999"},"Conversation:conversation:1197999":{"__typename":"Conversation","id":"conversation:1197999","solved":true,"topic":{"__ref":"ForumTopicMessage:message:1197999"},"lastPostingActivityTime":"2024-08-30T08:35:22.325-07:00","lastPostTime":"2024-08-30T08:35:22.325-07:00"},"ModerationData:moderation_data:1197999":{"__typename":"ModerationData","id":"moderation_data:1197999","status":"APPROVED","rejectReason":null},"RelatedContentMessage:RelatedContentMessage:1197999":{"__typename":"RelatedContentMessage","id":"RelatedContentMessage:1197999","relatedMessage":{"__ref":"ForumTopicMessage:message:1197999"}},"User:user:590993":{"__typename":"User","id":"user:590993","uid":590993,"login":"StephaneRajotte","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2019-07-12T07:14:30.000-07:00","confirmEmailStatus":null,"registrationAccessLevel":null,"ssoRegistrationFields":[]},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C5cfff2ee2ea02e0d523d7bbb"},"rank":{"__ref":"Rank:rank:6"},"messagesCount":2,"kudosGivenCount":0,"kudosReceivedCount":8,"kudosWeight":1,"ssoId":null,"followersCount":null,"solutionsCount":1,"entityType":"USER","eventPath":"community:rwgqn69235/user:590993"},"ForumTopicMessage:message:939409":{"__typename":"ForumTopicMessage","uid":939409,"subject":"XLF Version 2.1.","id":"message:939409","revisionNum":1,"repliesCount":81,"author":{"__ref":"User:user:590993"},"depth":0,"hasGivenKudo":false,"board":{"__ref":"Forum:board:discuss"},"conversation":{"__ref":"Conversation:conversation:939409"},"moderationData":{"__ref":"ModerationData:moderation_data:939409"},"postTime":"2023-06-09T09:03:14.000-07:00","lastPublishTime":"2023-06-09T09:03:14.000-07:00","readOnly":false,"metrics":{"__typename":"MessageMetrics","views":1369},"placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"entityType":"FORUM_TOPIC","eventPath":"category:connect/community:rwgqn69235board:discuss/message:939409"},"Conversation:conversation:939409":{"__typename":"Conversation","id":"conversation:939409","solved":true,"topic":{"__ref":"ForumTopicMessage:message:939409"},"lastPostingActivityTime":"2025-02-19T04:51:30.015-08:00","lastPostTime":"2025-02-19T04:51:30.015-08:00"},"ModerationData:moderation_data:939409":{"__typename":"ModerationData","id":"moderation_data:939409","status":"APPROVED","rejectReason":null},"RelatedContentMessage:RelatedContentMessage:939409":{"__typename":"RelatedContentMessage","id":"RelatedContentMessage:939409","relatedMessage":{"__ref":"ForumTopicMessage:message:939409"}},"User:user:1134865":{"__typename":"User","id":"user:1134865","uid":1134865,"login":"VevetteCChua","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2016-10-19T01:26:31.000-07:00","confirmEmailStatus":null,"registrationAccessLevel":null,"ssoRegistrationFields":[]},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C5727c12c0933b72c0ac91f77"},"rank":{"__ref":"Rank:rank:2"},"messagesCount":10,"kudosGivenCount":18,"kudosReceivedCount":17,"kudosWeight":1,"ssoId":null,"followersCount":null,"solutionsCount":0,"entityType":"USER","eventPath":"community:rwgqn69235/user:1134865"},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bi0xMi1aamRzZTE?image-coordinates=0%2C0%2C400%2C400\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bi0xMi1aamRzZTE?image-coordinates=0%2C0%2C400%2C400","mimeType":"image/png"},"TkbTopicMessage:message:1141057":{"__typename":"TkbTopicMessage","uid":1141057,"subject":"Review 360: Manage Versions of Your Content","id":"message:1141057","revisionNum":1,"repliesCount":0,"author":{"__ref":"User:user:1134865"},"depth":0,"hasGivenKudo":false,"helpful":null,"board":{"__ref":"Tkb:board:user-guides"},"conversation":{"__ref":"Conversation:conversation:1141057"},"contentWorkflow":{"__typename":"ContentWorkflow","state":"PUBLISH","scheduledPublishTime":null,"scheduledTimezone":null,"shortScheduledTimezone":null,"userContext":{"__typename":"MessageWorkflowContext","canSubmitForReview":null,"canEdit":false,"canRecall":null,"canSubmitForPublication":null,"canReturnToAuthor":null,"canPublish":null,"canReturnToReview":null,"canSchedule":null}},"moderationData":{"__ref":"ModerationData:moderation_data:1141057"},"teaser@stripHtml({\"removeProcessingText\":false,\"truncateLength\":200})":"","postTime":"2023-06-29T20:19:13.000-07:00","lastPublishTime":"2023-06-29T20:19:13.000-07:00","readOnly":true,"introduction":"","metrics":{"__typename":"MessageMetrics","views":638},"placeholder":false,"originalMessageForPlaceholder":null,"entityType":"TKB_ARTICLE","eventPath":"category:learn/community:rwgqn69235board:user-guides/message:1141057"},"Conversation:conversation:1141057":{"__typename":"Conversation","id":"conversation:1141057","solved":false,"topic":{"__ref":"TkbTopicMessage:message:1141057"},"lastPostingActivityTime":"2023-06-29T20:19:13.000-07:00","lastPostTime":"2023-06-29T20:19:13.000-07:00"},"ModerationData:moderation_data:1141057":{"__typename":"ModerationData","id":"moderation_data:1141057","status":"APPROVED","rejectReason":null},"RelatedContentMessage:RelatedContentMessage:1141057":{"__typename":"RelatedContentMessage","id":"RelatedContentMessage:1141057","relatedMessage":{"__ref":"TkbTopicMessage:message:1141057"}},"QueryVariables:TopicReplyList:message:1216879:1":{"__typename":"QueryVariables","id":"TopicReplyList:message:1216879:1","value":{"id":"message:1216879","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":true,"useNodeAncestors":false,"useUserHoverCard":false,"useNodeHoverCard":false,"useModerationStatus":true,"usePreviewSubjectModal":false,"useMessageStatus":true}},"ROOT_MUTATION":{"__typename":"Mutation"},"CachedAsset:text:en_US-components/community/Navbar-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/community/Navbar-1742336094940","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","migrated-link-8":"Discuss","migrated-link-1":"User Guides","migrated-link-10":"Suggest Ideas","Common-external-link-2":"Product Support","migrated-link-2":"Training and Tutorials","migrated-link-11":"Attend Events","Common-external-link-1":"Resource Center","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-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-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarHamburgerDropdown-1742336094940","value":{"hamburgerLabel":"Side Menu"},"localOverride":false},"CachedAsset:text:en_US-components/community/BrandLogo-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/community/BrandLogo-1742336094940","value":{"logoAlt":"Khoros","themeLogoAlt":"Brand Logo"},"localOverride":false},"CachedAsset:text:en_US-components/community/NavbarTextLinks-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarTextLinks-1742336094940","value":{"more":"More"},"localOverride":false},"CachedAsset:text:en_US-components/search/SpotlightSearchIcon-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/search/SpotlightSearchIcon-1742336094940","value":{"search":"Search"},"localOverride":false},"CachedAsset:text:en_US-components/authentication/AuthenticationLink-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/authentication/AuthenticationLink-1742336094940","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-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/nodes/NodeLink-1742336094940","value":{"place":"Place {name}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageView/MessageViewStandard-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageView/MessageViewStandard-1742336094940","value":{"anonymous":"Anonymous","author":"{messageAuthorLogin}","authorBy":"{messageAuthorLogin}","board":"{messageBoardTitle}","replyToUser":" to {parentAuthor}","showMoreReplies":"Show More","replyText":"Reply","repliesText":"Replies","markedAsSolved":"Marked as Solved","movedMessagePlaceholder.BLOG":"{count, plural, =0 {This comment has been} other {These comments have been} }","movedMessagePlaceholder.TKB":"{count, plural, =0 {This comment has been} other {These comments have been} }","movedMessagePlaceholder.FORUM":"{count, plural, =0 {This reply has been} other {These replies have been} }","movedMessagePlaceholder.IDEA":"{count, plural, =0 {This comment has been} other {These comments have been} }","movedMessagePlaceholder.OCCASION":"{count, plural, =0 {This comment has been} other {These comments have been} }","movedMessagePlaceholderUrlText":"moved.","messageStatus":"Status: ","statusChanged":"Status changed: {previousStatus} to {currentStatus}","statusAdded":"Status added: {status}","statusRemoved":"Status removed: {status}","labelExpand":"expand replies","labelCollapse":"collapse replies","unhelpfulReason.reason1":"Content is outdated","unhelpfulReason.reason2":"Article is missing information","unhelpfulReason.reason3":"Content is for a different Product","unhelpfulReason.reason4":"Doesn't match what I was searching for"},"localOverride":false},"CachedAsset:text:en_US-components/messages/ThreadedReplyList-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/ThreadedReplyList-1742336094940","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-components/messages/MessageReplyCallToAction-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageReplyCallToAction-1742336094940","value":{"leaveReply":"Leave a reply...","leaveReply@board:BLOG@message:root":"Leave a comment...","leaveReply@board:TKB@message:root":"Leave a comment...","leaveReply@board:IDEA@message:root":"Leave a comment...","leaveReply@board:OCCASION@message:root":"Leave a comment...","repliesTurnedOff.FORUM":"Replies are turned off for this topic","repliesTurnedOff.BLOG":"Comments are turned off for this topic","repliesTurnedOff.TKB":"Comments are turned off for this topic","repliesTurnedOff.IDEA":"Comments are turned off for this topic","repliesTurnedOff.OCCASION":"Comments are turned off for this topic","infoText":"Stop poking me!"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/QueryHandler-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/QueryHandler-1742336094940","value":{"title":"Query Handler"},"localOverride":false},"User:user:1134352":{"__typename":"User","id":"user:1134352","uid":1134352,"login":"VicovandenEv121","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2023-06-15T02:16:56.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/aid%7Cc19557d5-4b77-42f2-8d90-565bf14629be"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:1134352"},"ModerationData:moderation_data:1216888":{"__typename":"ModerationData","id":"moderation_data:1216888","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1216888":{"__typename":"ForumReplyMessage","author":{"__ref":"User:user:1134352"},"id":"message:1216888","revisionNum":1,"uid":1216888,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:javascriptforum-board"},"parent":{"__ref":"ForumTopicMessage:message:1216879"},"conversation":{"__ref":"Conversation:conversation:1216879"},"subject":"Re: Progress bar with javascript not working in new versions","moderationData":{"__ref":"ModerationData:moderation_data:1216888"},"body":"

Hi Petra,

\n

I just checked my own template that uses basicaly the same progress bar and JS, and it also doesn't work anymore :-(

\n

Can't figure out what changed because it worked fine in the past, so definitively is caused by the update you mentioned.

\n

Hope someone has a workaround for this....

\n

 

","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"repliesCount":0,"postTime":"2025-02-14T07:31:25.779-08:00","lastPublishTime":"2025-02-14T07:31:25.779-08:00","metrics":{"__typename":"MessageMetrics","views":95},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"solution":false,"entityType":"FORUM_REPLY","eventPath":"grouphub:javascript/category:join-groups/category:connect/community:rwgqn69235board:javascriptforum-board/message:1216879/message:1216888","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"readOnly":false,"editFrozen":false,"body@stringLength":"332","rawBody":"

Hi Petra,

\n

I just checked my own template that uses basicaly the same progress bar and JS, and it also doesn't work anymore :-(

\n

Can't figure out what changed because it worked fine in the past, so definitively is caused by the update you mentioned.

\n

Hope someone has a workaround for this....

\n

 

","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":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1216888_1"},"latestVersion":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":[]}}}},"Rank:rank:5":{"__typename":"Rank","id":"rank:5","position":4,"name":"Super Hero","color":"4E3AD5","icon":null,"rankStyle":"FILLED"},"User:user:45789":{"__typename":"User","id":"user:45789","uid":45789,"login":"SamHill","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2013-05-10T08:21:59.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C19e2cf70-b37e-0131-2ee8-22000b2f96a1"},"rank":{"__ref":"Rank:rank:5"},"entityType":"USER","eventPath":"community:rwgqn69235/user:45789"},"ModerationData:moderation_data:1217000":{"__typename":"ModerationData","id":"moderation_data:1217000","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1217000":{"__typename":"ForumReplyMessage","uid":1217000,"id":"message:1217000","revisionNum":3,"author":{"__ref":"User:user:45789"},"readOnly":false,"repliesCount":4,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:javascriptforum-board"},"parent":{"__ref":"ForumTopicMessage:message:1216879"},"conversation":{"__ref":"Conversation:conversation:1216879"},"subject":"Re: Progress bar with javascript not working in new versions","moderationData":{"__ref":"ModerationData:moderation_data:1217000"},"body":"

Hi PetraZellweger not sure if you'd be interested, but this is a progress bar that I have developed. It uses a WebObject to and imports an HTML page that is used to display the progress bar. The progress is calculated on the built-in variable Menu.Progress, which calculates progress based on visited slides. The style of the progress bar is controlled by some Storyline defined variables:

\n\n

When you import the WebObject, you just defined the size (height and width) and position that you want. The HTML page in the WebObject then initialises the style of the progress bar (once), and updates the progress as the user progresses.

\n

Note: This progress bar is based on the percentage of the module complete (visited slides), therefore if the user navigates backwards, the progress bar will not go backwards. If 80% of the slides are visited, then the progress bar will remain at 80% even when navigating backwards.

\n

I've attached a Storyline example, as well as the index.html to import as the WebObject. Once the WebObject is imported, it is bundled in your Storyline file and is no longer linked to the file that was imported.

\n

Update: It's not letting me attach the HTML file used for the WebObject, so I'm just putting the HTML page source code here:

\n
<!DOCTYPE html>\n<html lang=\"en\" id=\"pbiframe\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Progress Bar</title>\n    <style>\n        * { margin:0; padding:0; overflow:hidden; }\n        #wrapper, #progressbar {  box-sizing: border-box; position: absolute; background-color: transparent; }\n        #wrapper {  width:100vw; height:100vh; border-style:solid; }\n        #progressbar { height:100vh; width:0%;}\n    </style>\n</head>\n<body>\n<div id=\"wrapper\"><div id=\"progressbar\" data-initialised=\"false\"></div></div>\n<script>\n    REBUS = (function(){\n    return {\n        init: function (progressbar, wrapper) {\n            const player = parent.GetPlayer();\n            const borderWidth = player.GetVar('pbBorderWidth');\n            const borderColor = player.GetVar('pbBorderColor');\n            const borderRadius = player.GetVar('pbBorderRadius');\n            const pbFillColor = player.GetVar('pbFillColor');\n            wrapper.style.borderColor = borderColor;\n            wrapper.style.borderWidth = borderWidth;\n            wrapper.style.borderRadius = borderRadius;\n            progressbar.style.backgroundColor = pbFillColor;\n        },\n        updateProgressBar: function (progressbar)\n        {\n            const player = parent.GetPlayer();\n            // Get player vars\n            const progress = player.GetVar('_playerVars.#menuProgress').replace('%', '');\n            // set the width of the progress bard\n            progressbar.style.width = Number(progress) + '%';\n        }\n    }\n})();\nconst progressbar = document.getElementById('progressbar');\nconst wrapper = document.getElementById('wrapper');\n// initialise the progress bar\nif(progressbar.dataset.initialised === 'false') {\n    REBUS.init(progressbar, wrapper);\n    progressbar.dataset.initialised = 'true';\n}\n// update the progress bar\nREBUS.updateProgressBar(progressbar);\n</script>\n</body>\n</html>
\n

 

","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":1,"postTime":"2025-02-16T16:10:26.604-08:00","lastPublishTime":"2025-02-16T16:13:13.044-08:00","metrics":{"__typename":"MessageMetrics","views":1},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"solution":false,"entityType":"FORUM_REPLY","eventPath":"grouphub:javascript/category:join-groups/category:connect/community:rwgqn69235board:javascriptforum-board/message:1216879/message:1217000","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDEyMTcwMTEsMTIxNzAxMQ","node":{"__ref":"ForumReplyMessage:message:1217011"}},{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDEyMTcwMTEsMTIxNzIyMA","node":{"__ref":"ForumReplyMessage:message:1217220"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[{"__typename":"AttachmentEdge","node":{"__ref":"Attachment:{\"id\":\"attachment:message1217000AttachmentNumber1\",\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/javascriptforum-board/148/1/Progress%20Bar%20Demo.story\"}"}}],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"editFrozen":false,"body@stringLength":"3871","rawBody":"

Hi not sure if you'd be interested, but this is a progress bar that I have developed. It uses a WebObject to and imports an HTML page that is used to display the progress bar. The progress is calculated on the built-in variable Menu.Progress, which calculates progress based on visited slides. The style of the progress bar is controlled by some Storyline defined variables:

\n\n

When you import the WebObject, you just defined the size (height and width) and position that you want. The HTML page in the WebObject then initialises the style of the progress bar (once), and updates the progress as the user progresses.

\n

Note: This progress bar is based on the percentage of the module complete (visited slides), therefore if the user navigates backwards, the progress bar will not go backwards. If 80% of the slides are visited, then the progress bar will remain at 80% even when navigating backwards.

\n

I've attached a Storyline example, as well as the index.html to import as the WebObject. Once the WebObject is imported, it is bundled in your Storyline file and is no longer linked to the file that was imported.

\n

Update: It's not letting me attach the HTML file used for the WebObject, so I'm just putting the HTML page source code here:

\n<!DOCTYPE html>\n<html lang=\"en\" id=\"pbiframe\">\n<head>\n <meta charset=\"UTF-8\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Progress Bar</title>\n <style>\n * { margin:0; padding:0; overflow:hidden; }\n #wrapper, #progressbar { box-sizing: border-box; position: absolute; background-color: transparent; }\n #wrapper { width:100vw; height:100vh; border-style:solid; }\n #progressbar { height:100vh; width:0%;}\n </style>\n</head>\n<body>\n<div id=\"wrapper\"><div id=\"progressbar\" data-initialised=\"false\"></div></div>\n<script>\n REBUS = (function(){\n return {\n init: function (progressbar, wrapper) {\n const player = parent.GetPlayer();\n const borderWidth = player.GetVar('pbBorderWidth');\n const borderColor = player.GetVar('pbBorderColor');\n const borderRadius = player.GetVar('pbBorderRadius');\n const pbFillColor = player.GetVar('pbFillColor');\n wrapper.style.borderColor = borderColor;\n wrapper.style.borderWidth = borderWidth;\n wrapper.style.borderRadius = borderRadius;\n progressbar.style.backgroundColor = pbFillColor;\n },\n updateProgressBar: function (progressbar)\n {\n const player = parent.GetPlayer();\n // Get player vars\n const progress = player.GetVar('_playerVars.#menuProgress').replace('%', '');\n // set the width of the progress bard\n progressbar.style.width = Number(progress) + '%';\n }\n }\n})();\nconst progressbar = document.getElementById('progressbar');\nconst wrapper = document.getElementById('wrapper');\n// initialise the progress bar\nif(progressbar.dataset.initialised === 'false') {\n REBUS.init(progressbar, wrapper);\n progressbar.dataset.initialised = 'true';\n}\n// update the progress bar\nREBUS.updateProgressBar(progressbar);\n</script>\n</body>\n</html>\n

 

","images":{"__typename":"AssociatedImageConnection","edges":[],"totalCount":0,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"timeToRead":2,"currentRevision":{"__ref":"Revision:revision:1217000_3"},"latestVersion":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":[]}}}},"ModerationData:moderation_data:1217011":{"__typename":"ModerationData","id":"moderation_data:1217011","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1217011":{"__typename":"ForumReplyMessage","uid":1217011,"id":"message:1217011","revisionNum":1,"author":{"__ref":"User:user:1014535"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:javascriptforum-board"},"parent":{"__ref":"ForumReplyMessage:message:1217000"},"conversation":{"__ref":"Conversation:conversation:1216879"},"subject":"Re: Progress bar with javascript not working in new versions","moderationData":{"__ref":"ModerationData:moderation_data:1217011"},"body":"

Hi Sam, thank you for your example. What I coudn't figure out are the colors. Where can I change that?

\n

However, I hope there is a soloution with my script and someone can help.
I opened a ticket, but no solution from the support.

","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"postTime":"2025-02-16T23:18:04.797-08:00","lastPublishTime":"2025-02-16T23:18:04.797-08:00","metrics":{"__typename":"MessageMetrics","views":83},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"solution":false,"entityType":"FORUM_REPLY","eventPath":"grouphub:javascript/category:join-groups/category:connect/community:rwgqn69235board:javascriptforum-board/message:1216879/message:1217011","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxfDM5OjF8aW50LDEyMTcwNzQsMTIxNzA3NA","node":{"__ref":"ForumReplyMessage:message:1217074"}}]},"customFields":[],"editFrozen":false,"body@stringLength":"248","rawBody":"

Hi Sam, thank you for your example. What I coudn't figure out are the colors. Where can I change that?

\n

However, I hope there is a soloution with my script and someone can help.
I opened a ticket, but no solution from the support.

","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":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1217011_1"},"latestVersion":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":[]}}}},"ModerationData:moderation_data:1217074":{"__typename":"ModerationData","id":"moderation_data:1217074","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1217074":{"__typename":"ForumReplyMessage","author":{"__ref":"User:user:45789"},"id":"message:1217074","revisionNum":1,"uid":1217074,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:javascriptforum-board"},"parent":{"__ref":"ForumReplyMessage:message:1217011"},"conversation":{"__ref":"Conversation:conversation:1216879"},"subject":"Re: Progress bar with javascript not working in new versions","moderationData":{"__ref":"ModerationData:moderation_data:1217074"},"body":"

Hi PetraZellweger, you can update the colours through the variables in Storyline. Check out the Storyline I provided and then take a look at the variables that are defined and used for the colours:

\n

pbBorderWidth: Border width

\n

 

\n

pbBorderColor: Border colour

\n

 

\n

pbBorderRadius: Border radius (curve)

\n

 

\n

pbFillColor: Progress bar fill colour

","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":2,"repliesCount":0,"postTime":"2025-02-17T14:09:44.107-08:00","lastPublishTime":"2025-02-17T14:09:44.107-08:00","metrics":{"__typename":"MessageMetrics","views":77},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"solution":false,"entityType":"FORUM_REPLY","eventPath":"grouphub:javascript/category:join-groups/category:connect/community:rwgqn69235board:javascriptforum-board/message:1216879/message:1217074","customFields":[],"readOnly":false,"editFrozen":false,"body@stringLength":"603","rawBody":"

Hi , you can update the colours through the variables in Storyline. Check out the Storyline I provided and then take a look at the variables that are defined and used for the colours:

\n

pbBorderWidth: Border width

\n

 

\n

pbBorderColor: Border colour

\n

 

\n

pbBorderRadius: Border radius (curve)

\n

 

\n

pbFillColor: Progress bar fill colour

","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":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1217074_1"},"latestVersion":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":[]}}}},"ModerationData:moderation_data:1217220":{"__typename":"ModerationData","id":"moderation_data:1217220","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1217220":{"__typename":"ForumReplyMessage","uid":1217220,"id":"message:1217220","revisionNum":1,"author":{"__ref":"User:user:1134352"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:javascriptforum-board"},"parent":{"__ref":"ForumReplyMessage:message:1217000"},"conversation":{"__ref":"Conversation:conversation:1216879"},"subject":"Re: Progress bar with javascript not working in new versions","moderationData":{"__ref":"ModerationData:moderation_data:1217220"},"body":"

Thanks for sharing Sam!

\n

Using the Webobject method makes it hard to share the Storyline file as a template with other team members, since they all have to put the index.html file on their harddrive and then change the path to this file in the WebObject.

\n

Is there an a way implement the code into the Storyline project so the extra steps aren't needed?

","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"postTime":"2025-02-19T02:52:10.001-08:00","lastPublishTime":"2025-02-19T02:52:10.001-08:00","metrics":{"__typename":"MessageMetrics","views":72},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"solution":false,"entityType":"FORUM_REPLY","eventPath":"grouphub:javascript/category:join-groups/category:connect/community:rwgqn69235board:javascriptforum-board/message:1216879/message:1217220","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxfDM5OjF8aW50LDEyMTcyMjIsMTIxNzIyMg","node":{"__ref":"ForumReplyMessage:message:1217222"}}]},"customFields":[],"editFrozen":false,"body@stringLength":"372","rawBody":"

Thanks for sharing Sam!

\n

Using the Webobject method makes it hard to share the Storyline file as a template with other team members, since they all have to put the index.html file on their harddrive and then change the path to this file in the WebObject.

\n

Is there an a way implement the code into the Storyline project so the extra steps aren't needed?

","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":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1217220_1"},"latestVersion":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":[]}}}},"ModerationData:moderation_data:1217222":{"__typename":"ModerationData","id":"moderation_data:1217222","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1217222":{"__typename":"ForumReplyMessage","author":{"__ref":"User:user:45789"},"id":"message:1217222","revisionNum":1,"uid":1217222,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:javascriptforum-board"},"parent":{"__ref":"ForumReplyMessage:message:1217220"},"conversation":{"__ref":"Conversation:conversation:1216879"},"subject":"Re: Progress bar with javascript not working in new versions","moderationData":{"__ref":"ModerationData:moderation_data:1217222"},"body":"

Hi VicovandenEv121, using a WebObject bundles the HTML file in the project. Once inserted, you could delete the index.html file and it still exists in the Storyline file. Sharing the Storyline file with the WebObject includes the bundled files. This is why I use this method as it is set and forget. No pre/post publish edits required, no linking to files on your system 

","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":1,"repliesCount":0,"postTime":"2025-02-19T03:48:13.408-08:00","lastPublishTime":"2025-02-19T03:48:13.408-08:00","metrics":{"__typename":"MessageMetrics","views":72},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"solution":false,"entityType":"FORUM_REPLY","eventPath":"grouphub:javascript/category:join-groups/category:connect/community:rwgqn69235board:javascriptforum-board/message:1216879/message:1217222","customFields":[],"readOnly":false,"editFrozen":false,"body@stringLength":"580","rawBody":"

Hi , using a WebObject bundles the HTML file in the project. Once inserted, you could delete the index.html file and it still exists in the Storyline file. Sharing the Storyline file with the WebObject includes the bundled files. This is why I use this method as it is set and forget. No pre/post publish edits required, no linking to files on your system 

","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":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1217222_1"},"latestVersion":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":[]}}}},"ModerationData:moderation_data:1217594":{"__typename":"ModerationData","id":"moderation_data:1217594","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1217594":{"__typename":"ForumReplyMessage","uid":1217594,"id":"message:1217594","revisionNum":1,"author":{"__ref":"User:user:1014535"},"readOnly":false,"repliesCount":3,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:javascriptforum-board"},"parent":{"__ref":"ForumTopicMessage:message:1216879"},"conversation":{"__ref":"Conversation:conversation:1216879"},"subject":"Re: Progress bar with javascript not working in new versions","moderationData":{"__ref":"ModerationData:moderation_data:1217594"},"body":"

Hello everyone, I have come closer to solving the problem. It is probably due to the loading time of the DOM. Maybe the script works if it is executed with a small delay. What do you think? Is that possible?

","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":1,"postTime":"2025-02-21T07:51:29.980-08:00","lastPublishTime":"2025-02-21T07:51:29.980-08:00","metrics":{"__typename":"MessageMetrics","views":61},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"solution":false,"entityType":"FORUM_REPLY","eventPath":"grouphub:javascript/category:join-groups/category:connect/community:rwgqn69235board:javascriptforum-board/message:1216879/message:1217594","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDEyMTc3MDAsMTIxNzcwMA","node":{"__ref":"ForumReplyMessage:message:1217700"}}]},"customFields":[],"editFrozen":false,"body@stringLength":"214","rawBody":"

Hello everyone, I have come closer to solving the problem. It is probably due to the loading time of the DOM. Maybe the script works if it is executed with a small delay. What do you think? Is that possible?

","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":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1217594_1"},"latestVersion":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":[]}}}},"ModerationData:moderation_data:1217700":{"__typename":"ModerationData","id":"moderation_data:1217700","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"User:user:512216":{"__typename":"User","id":"user:512216","uid":512216,"login":"ElizabethPat123","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2022-06-07T16:35:47.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/aid%7C49f5bfeb-fed3-4351-b30d-9e4877b49ff0"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:512216"},"ForumReplyMessage:message:1217700":{"__typename":"ForumReplyMessage","uid":1217700,"id":"message:1217700","revisionNum":1,"author":{"__ref":"User:user:1134352"},"readOnly":false,"repliesCount":2,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:javascriptforum-board"},"parent":{"__ref":"ForumReplyMessage:message:1217594"},"conversation":{"__ref":"Conversation:conversation:1216879"},"subject":"Re: Progress bar with javascript not working in new versions","moderationData":{"__ref":"ModerationData:moderation_data:1217700"},"body":"

Good news! I changed the triggers on the master from \"when the timeline starts\" to \"when the timeline reaches CUEpoint #1\" and I set the CUEpoint to 0.2 sec.

\n

Now the progressbar works :)

\n

 

","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"199","kudosSumWeight":2,"postTime":"2025-02-22T04:45:57.093-08:00","lastPublishTime":"2025-02-22T04:45:57.093-08:00","metrics":{"__typename":"MessageMetrics","views":56},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"solution":false,"entityType":"FORUM_REPLY","eventPath":"grouphub:javascript/category:join-groups/category:connect/community:rwgqn69235board:javascriptforum-board/message:1216879/message:1217700","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwxfDM5OjF8aW50LDEyMTgyNDQsMTIxODI0NA","node":{"__ref":"ForumReplyMessage:message:1218244"}}]},"customFields":[],"editFrozen":false,"body@stringLength":"214","rawBody":"

Good news! I changed the triggers on the master from \"when the timeline starts\" to \"when the timeline reaches CUEpoint #1\" and I set the CUEpoint to 0.2 sec.

\n

Now the progressbar works :)

\n

 

","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":[{"__typename":"AttachmentEdge","cursor":"MjUuMnwyLjF8b3w1fF9OVl98MQ","node":{"__ref":"Attachment:{\"id\":\"attachment:message1217700AttachmentNumber1\",\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/javascriptforum-board/154/1/Progress_Bar_20250222_CUEpoint.story\"}"}}]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1217700_1"},"latestVersion":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":[]}}}},"ModerationData:moderation_data:1218244":{"__typename":"ModerationData","id":"moderation_data:1218244","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1218244":{"__typename":"ForumReplyMessage","author":{"__ref":"User:user:512216"},"id":"message:1218244","revisionNum":1,"uid":1218244,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:javascriptforum-board"},"parent":{"__ref":"ForumReplyMessage:message:1217700"},"conversation":{"__ref":"Conversation:conversation:1216879"},"subject":"Re: Progress bar with javascript not working in new versions","moderationData":{"__ref":"ModerationData:moderation_data:1218244"},"body":"

Tried a couple of things before finding this post. Nothing worked.  Changed trigger on Master Slide to when timeline reaches cue point (0.15s).  Don't love that the progress bar flashes on each slide but better than randomly appearing on some slides and not others.  Thanks for the quick fix.

","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"213","kudosSumWeight":0,"repliesCount":1,"postTime":"2025-02-26T18:14:45.623-08:00","lastPublishTime":"2025-02-26T18:14:45.623-08:00","metrics":{"__typename":"MessageMetrics","views":45},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"solution":false,"entityType":"FORUM_REPLY","eventPath":"grouphub:javascript/category:join-groups/category:connect/community:rwgqn69235board:javascriptforum-board/message:1216879/message:1218244","customFields":[],"readOnly":false,"editFrozen":false,"body@stringLength":"314","rawBody":"

Tried a couple of things before finding this post. Nothing worked.  Changed trigger on Master Slide to when timeline reaches cue point (0.15s).  Don't love that the progress bar flashes on each slide but better than randomly appearing on some slides and not others.  Thanks for the quick fix.

","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":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1218244_1"},"latestVersion":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":[]}}}},"ModerationData:moderation_data:1218680":{"__typename":"ModerationData","id":"moderation_data:1218680","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1218680":{"__typename":"ForumReplyMessage","author":{"__ref":"User:user:1014535"},"id":"message:1218680","revisionNum":1,"uid":1218680,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:javascriptforum-board"},"parent":{"__ref":"ForumTopicMessage:message:1216879"},"conversation":{"__ref":"Conversation:conversation:1216879"},"subject":"Re: Progress bar with javascript not working in new versions","moderationData":{"__ref":"ModerationData:moderation_data:1218680"},"body":"

I changed my progress bar in my projects to this one:
How I Made This Progress Meter in Storyline 360 | Articulate - Community

\n

It works fine but it is a bit of work. I hope that will work for you as well.

","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"repliesCount":0,"postTime":"2025-03-04T01:51:21.706-08:00","lastPublishTime":"2025-03-04T01:51:21.706-08:00","metrics":{"__typename":"MessageMetrics","views":33},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"solution":false,"entityType":"FORUM_REPLY","eventPath":"grouphub:javascript/category:join-groups/category:connect/community:rwgqn69235board:javascriptforum-board/message:1216879/message:1218680","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"readOnly":false,"editFrozen":false,"body@stringLength":"572","rawBody":"

I changed my progress bar in my projects to this one:
How I Made This Progress Meter in Storyline 360 | Articulate - Community

\n

It works fine but it is a bit of work. I hope that will work for you as well.

","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":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1218680_1"},"latestVersion":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":[]}}}},"User:user:1529672":{"__typename":"User","id":"user:1529672","uid":1529672,"login":"stevekansan","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2025-02-07T10:38:22.542-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/aid%7Cd154b7a5-a321-44df-8da7-f89005daa1fe"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:1529672"},"ModerationData:moderation_data:1219283":{"__typename":"ModerationData","id":"moderation_data:1219283","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1219283":{"__typename":"ForumReplyMessage","uid":1219283,"id":"message:1219283","revisionNum":1,"author":{"__ref":"User:user:1529672"},"readOnly":false,"repliesCount":1,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:javascriptforum-board"},"parent":{"__ref":"ForumTopicMessage:message:1216879"},"conversation":{"__ref":"Conversation:conversation:1216879"},"subject":"Re: Progress bar with javascript not working in new versions","moderationData":{"__ref":"ModerationData:moderation_data:1219283"},"body":"

I found that the next version (October 22 Build) was publishing the progress bar correctly. 

","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"99","kudosSumWeight":0,"postTime":"2025-03-07T12:22:48.352-08:00","lastPublishTime":"2025-03-07T12:22:48.352-08:00","metrics":{"__typename":"MessageMetrics","views":9},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"solution":false,"entityType":"FORUM_REPLY","eventPath":"grouphub:javascript/category:join-groups/category:connect/community:rwgqn69235board:javascriptforum-board/message:1216879/message:1219283","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuMnwyLjF8aXwzfDM5OjF8aW50LDEyMTkzODYsMTIxOTM4Ng","node":{"__ref":"ForumReplyMessage:message:1219386"}}]},"customFields":[],"editFrozen":false,"body@stringLength":"104","rawBody":"

I found that the next version (October 22 Build) was publishing the progress bar correctly. 

","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":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1219283_1"},"latestVersion":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":[]}}}},"ModerationData:moderation_data:1219386":{"__typename":"ModerationData","id":"moderation_data:1219386","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"ForumReplyMessage:message:1219386":{"__typename":"ForumReplyMessage","author":{"__ref":"User:user:1134352"},"id":"message:1219386","revisionNum":1,"uid":1219386,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Forum:board:javascriptforum-board"},"parent":{"__ref":"ForumReplyMessage:message:1219283"},"conversation":{"__ref":"Conversation:conversation:1216879"},"subject":"Re: Progress bar with javascript not working in new versions","moderationData":{"__ref":"ModerationData:moderation_data:1219386"},"body":"

Did you try the most recent version? Doesn't work for me ;(

\n

 

","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"70","kudosSumWeight":0,"repliesCount":0,"postTime":"2025-03-10T01:55:55.900-07:00","lastPublishTime":"2025-03-10T01:55:55.900-07:00","metrics":{"__typename":"MessageMetrics","views":7},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"solution":false,"entityType":"FORUM_REPLY","eventPath":"grouphub:javascript/category:join-groups/category:connect/community:rwgqn69235board:javascriptforum-board/message:1216879/message:1219386","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"readOnly":false,"editFrozen":false,"body@stringLength":"80","rawBody":"

Did you try the most recent version? Doesn't work for me ;(

\n

 

","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":[]},"timeToRead":1,"currentRevision":{"__ref":"Revision:revision:1219386_1"},"latestVersion":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":[]}}}},"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarDropdownToggle-1742336094940","value":{"ariaLabelClosed":"Press the down arrow to open the menu"},"localOverride":false},"CachedAsset:text:en_US-components/messages/EscalatedMessageBanner-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/EscalatedMessageBanner-1742336094940","value":{"escalationMessage":"Escalated to Salesforce by {username} on {date}","viewDetails":"View Details","modalTitle":"Case Details","escalatedBy":"Escalated by: ","escalatedOn":"Escalated on: ","caseNumber":"Case Number: ","status":"Status: ","lastUpdateDate":"Last Update: ","automaticEscalation":"automatic escalation","anonymous":"Anonymous"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserLink-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserLink-1742336094940","value":{"authorName":"View Profile: {author}","anonymous":"Anonymous"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/users/UserRank-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserRank-1742336094940","value":{"rankName":"{rankName}","userRank":"Author rank {rankName}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageTime-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageTime-1742336094940","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/MessageSolvedBadge-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageSolvedBadge-1742336094940","value":{"solved":"Solved"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageSubject-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageSubject-1742336094940","value":{"noSubject":"(no subject)"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageBody-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageBody-1742336094940","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-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageCustomFields-1742336094940","value":{"CustomField.default.label":"Value of {name}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageReplyButton-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageReplyButton-1742336094940","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/AcceptedSolutionButton-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/AcceptedSolutionButton-1742336094940","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","topicAlreadySolvedErrorTitle":"Solution Already Exists","topicAlreadySolvedErrorDesc":"Refresh the browser to view the existing solution"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMore-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Pager/PagerLoadMore-1742336094940","value":{"loadMore":"Show More"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageView/MessageViewInline-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageView/MessageViewInline-1742336094940","value":{"bylineAuthor":"{bylineAuthor}","bylineBoard":"{bylineBoard}","anonymous":"Anonymous","place":"Place {bylineBoard}","gotoParent":"Go to parent {name}"},"localOverride":false},"Revision:revision:1217220_1":{"__typename":"Revision","id":"revision:1217220_1","lastEditTime":"2025-02-19T02:52:10.001-08:00"},"Revision:revision:1216888_1":{"__typename":"Revision","id":"revision:1216888_1","lastEditTime":"2025-02-14T07:31:25.779-08:00"},"Revision:revision:1217222_1":{"__typename":"Revision","id":"revision:1217222_1","lastEditTime":"2025-02-19T03:48:13.408-08:00"},"Revision:revision:1217594_1":{"__typename":"Revision","id":"revision:1217594_1","lastEditTime":"2025-02-21T07:51:29.980-08:00"},"Revision:revision:1219386_1":{"__typename":"Revision","id":"revision:1219386_1","lastEditTime":"2025-03-10T01:55:55.900-07:00"},"Revision:revision:1218680_1":{"__typename":"Revision","id":"revision:1218680_1","lastEditTime":"2025-03-04T01:51:21.706-08:00"},"Revision:revision:1218244_1":{"__typename":"Revision","id":"revision:1218244_1","lastEditTime":"2025-02-26T18:14:45.623-08:00"},"Revision:revision:1219283_1":{"__typename":"Revision","id":"revision:1219283_1","lastEditTime":"2025-03-07T12:22:48.352-08:00"},"Revision:revision:1217011_1":{"__typename":"Revision","id":"revision:1217011_1","lastEditTime":"2025-02-16T23:18:04.797-08:00"},"Revision:revision:1217074_1":{"__typename":"Revision","id":"revision:1217074_1","lastEditTime":"2025-02-17T14:09:44.107-08:00"},"Attachment:{\"id\":\"attachment:message1217700AttachmentNumber1\",\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/javascriptforum-board/154/1/Progress_Bar_20250222_CUEpoint.story\"}":{"__typename":"Attachment","id":"attachment:message1217700AttachmentNumber1","filename":"Progress_Bar_20250222_CUEpoint.story","filesize":355287,"contentType":"application/story","url":"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/javascriptforum-board/154/1/Progress_Bar_20250222_CUEpoint.story"},"Revision:revision:1217700_1":{"__typename":"Revision","id":"revision:1217700_1","lastEditTime":"2025-02-22T04:45:57.093-08:00"},"Attachment:{\"id\":\"attachment:message1217000AttachmentNumber1\",\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/javascriptforum-board/148/1/Progress%20Bar%20Demo.story\"}":{"__typename":"Attachment","id":"attachment:message1217000AttachmentNumber1","filename":"Progress Bar Demo.story","filesize":127601,"contentType":"application/story","url":"https://community.articulate.com/t5/s/rwgqn69235/attachments/rwgqn69235/javascriptforum-board/148/1/Progress%20Bar%20Demo.story"},"Revision:revision:1217000_3":{"__typename":"Revision","id":"revision:1217000_3","lastEditTime":"2025-02-16T16:13:13.044-08:00"},"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1742336094940","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1742336094940","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/attachments/AttachmentView/AttachmentViewChip-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/attachments/AttachmentView/AttachmentViewChip-1742336094940","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-shared/client/components/nodes/NodeIcon-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeIcon-1742336094940","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-1742336094940":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1742336094940","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false}}}},"page":"/forums/ForumMessagePage/ForumMessagePage","query":{"boardId":"javascriptforum-board","messageSubject":"progress-bar-with-javascript-not-working-in-new-versions","messageId":"1216879"},"buildId":"G6LFdF6Y8sb5g8rZyM3sC","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/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","./components/messages/ThreadedReplyList/ThreadedReplyList.tsx","./components/customComponent/CustomComponentContent/TemplateContent.tsx","../shared/client/components/common/List/UnstyledList/UnstyledList.tsx","./components/messages/MessageView/MessageView.tsx","../shared/client/components/common/Pager/PagerLoadMore/PagerLoadMore.tsx","./components/messages/MessageView/MessageViewInline/MessageViewInline.tsx","../shared/client/components/common/List/ListGroup/ListGroup.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"],"appGip":true,"scriptLoader":[]}