My Custom Rise Block Component Library
Hi everyone! I wanted to share a custom library of Rise-compatible interactive components I’ve been building and experimenting with for eLearning projects. The library includes custom-designed blocks and interactions intended to help make Rise courses more engaging, flexible, and visually dynamic beyond the default block set. You can explore the library here: https://cognitoblox.netlify.app/ This is an ongoing project, and I’d genuinely love feedback from the community: Which components do you find most useful? What kinds of interactions would you like to see added? Any ideas for improving usability or accessibility? Happy to connect with fellow developers who are experimenting with custom Rise code blocks as well! Thanks for checking it outTreasure Hunters Learning Game
Before I officially became an ID I worked in a job that encouraged self-learning and would give us time to take e-learning. One of the e-learning I became focused on was PowerPoint. This led to me making games in my free time one game was a Pirates adventure that I repurposed to be a trivia game for learning a new process at work. This was long before I became an ID but was laying the groundwork for this path. When I became an ID I was introduced to Storyline and was told it is PowerPoint on steroids. For my first couple week I was encouraged to play around, watch videos, come here and look at what other can and have done. I took that time to remake the game using Storyline and enhanced it with branching options. This is the result after those 2 weeks. I really wanted to see if my PowerPoint skills and translated to Storyline and see how I could push it. I thought I would share it and maybe inspire others I have been by this community. https://360.articulate.com/review/content/ba0f4bcc-5d69-4d22-9b6d-acb7c644c254/reviewOpen-Source: Confidence Self-Check Dashboard (Dual HTML & Storyline Exporter)
Hi Everyone, It is great to be posting back here after a while! A lot of the custom widgets and micro-apps we see shared across the community are fantastic out of the box, but they often share a common flaw: they are completely hardcoded. If you want to change a question, tweak a score boundary, or alter a feedback message, you have to dig into line after line of tightly coupled JavaScript or manually update dozens of variables inside your authoring tool. Following some great discussions here on the hub—and specifically responding to a note from community member SamanthaGonz271 who mentioned wanting the ability to freely edit and tailor these frameworks, I wanted to take a completely different architectural approach. I have built a modernised, fully state-driven Confidence Self-Check Baseline Tracker (v9.7). Instead of standard text blocks, this framework relies on a modern glassmorphism UI overlay and features a dynamic digital grid canvas. You can preview the interactive widget running live on Review 360 here: 👉 https://360.articulate.com/review/content/d58cf155-636e-4f43-82c9-1832035cd504/review 🚀 What makes this version different? I have engineered a built-in "Designer Mode" directly into the interface. This transforms the widget into an automated production pipeline for your VLE: Dynamic Content Modification: Add or remove questions, upload custom image URLs, configure unique item weights, and adjust percentage performance bands without writing a single line of code. Tabbed Dual-Exporter: Once customised, the engine generates clean production code instantly via a split panel. You can copy the code out as a Standalone web deployment file (HTML) or grab the Storyline JS Trigger payload. 🛠️ Upgraded Learning Features: Pre / Mid / Post Checkpoint Tracking: Learners can capture a baseline at the start of a module, log a mid-point check-in, and execute a final checkout. Visual Distance Travelled Map: The system references localStorage to compute exactly how far the learner has travelled between checkpoints, plotting their growth on an animated spectrum bar and a historic progress node map. Sandbox-Safe PDF Printing: To circumvent strict iframe browser restrictions that block pop-up windows inside modern learning management systems, I have engineered a clean window-write utility that smoothly bypasses pop-up blockers to print or save progress certificates safely. Dead-End Validation Errors: Learners can no longer accidentally submit partial sheets. The engine targets missing inputs and highlights exactly which questions need attention. 📦 How to use it in your own builds: I have attached both the master Source HTML Engine and the Articulate Storyline template file to this post. To customise it, simply run the HTML file locally, click into "Designer Mode" in the top-right corner, modify your curriculum parameters, and copy the clean output code right out of the generator panels. If you are placing it into Storyline, simply copy the code from the Storyline JS Trigger tab and paste it directly into an "Execute JavaScript" trigger on slide start. Special credit to JoeDey for the original inspirational "Perpetual Notepad" concept that got the ball rolling on this community script style. Let me know how you use it in your programs or if you have any feature ideas to push it further! Cheers, Daniel Boyland Forged FrameworksMaking PCI Training Personal (ELH Challenge #477)
Hurdle to Overcome How could I open the Payment Card Industry Data Security Standard (PCI DSS) awareness module in a way that immediately created tension, felt personal, and captured the learner’s attention from the very first moment? Solution Rather than opening this year’s PCI awareness module with traditional learning objectives, I chose to begin with a narrated scenario designed to set the stage. My goal was for learners to hear and see the weight of a potential cybersecurity lapse right away. Steps I Took To create this opening slide, I followed these steps: I wrote a short, highly detailed script that included backstory, multiple characters, and narrative depth (well, not so short!). 🤣 After reviewing it, my manager supported the scenario-based approach but felt the initial script missed the mark and revised it. I used Copilot to further refine the updated script. With the revised scenario in hand, I first prompted Canva AI to generate the character imagery. While promising, the results never quite matched the desired look. I then passed my image prompt through Copilot multiple times, refining it across at least four iterations. Once I landed on a clean, effective prompt, I fed it into Storyline360’s AI Assistant to generate the images and poses for the main character, Ava. The scenario narration was created using Storyline360’s AI voice: Brian (Man | Middle-aged | English | American accent | Social Media | Classy; Model 3, default settings). To introduce tension and a sense of movement, I drew inspiration from comic panels. Instead of static visuals, I cropped the images to panel-like frames and animated them in sequence, using cue points to drive the timing and flow. Lessons Learned Generative AI (GAI) prompting has become part of our daily workflow. Across my organization, we have access to tools like Adobe Express, Canva, and Articulate360, each with its own strengths and limitations. Key takeaways from this project include: Output from one GAI tool can be refined and reused in another to achieve stronger results. For example, after Canva AI didn’t produce the desired imagery, I used Copilot to refine the prompt and then fed that improved prompt into Storyline360’s AI Assistant. This experience reinforced an important truth: creativity matters even more in an AI‑powered world. The overall look and feel of this slide came from human decision‑making—mine—not from the tools alone. Conclusion The close collaboration between humans and generative AI produces results that are more effective and impactful than what either could create independently. Even with powerful learning‑focused AI tools, such as those in Articulate, achieving the desired outcome can still take time, and that’s okay. The more we experiment, prompt, and practice with these tools, the more efficient we become. Ideally, those efficiency gains translate into greater business impact through improved learning experiences and stronger employee performance. Click here to experience the demo. The SL file is attached.We're Choppin' Wood, Y'all
I wanted to develop a quick prototype that leveraged JavaScript to modify a progress bar, calculate some math, and move an image to follow the pointer. There isn't much to it beyond what you see in the first five seconds, but some of the general mechanics of gamification are present and can scale up. Chopping Wood | Review 360 The .story file is available for download from the version dropdown:Up-Updated "Reveal" codes
I’ve been experimenting with the original HTML code blocks included in Articulate 360’s built-in examples and wanted to share how far you can extend that base structure using GenAI to iterate and refine interactions. Starting with the default image-reveal index provided by Articulate, I used GenAI to progressively develop three new versions. I supplied my own images, created meaningful alternative text for screen readers, and introduced additional UX and accessibility improvements. Every version is fully tailorable if you want to adapt the formatting, colours, spacing or behaviour. The three examples are: Enhanced Image Reveal Grid Uses the original Articulate structure. Adds a hover zoom, a click-to-zoom state, and high-contrast purple letter tiles for accessibility. Fanned “Deck of Cards” Flip Interaction A dynamic fanned layout, more like a real card hand. Cards lift and reveal their letter on hover, flip on click, and reset if clicked again. Includes chevron navigation for easier cycling. Plain Flip Grid with Navigation A clean, accessible flip-card grid with navigation chevrons. Mirrors the deck behaviour but with a simplified layout. NOW WITH MORE EXAMPLES of what reveal styles can imagine! If you have suggestions, improvements or alternative approaches, I’d really love the feedback. And if you’d like to use or remix any part of this, feel free — I’d love to see what you create with it. Review360Storyline Instant ToolTip
Hi everyone! I'm sharing a script to add tooltips in Storyline. Just one reference object, a quick copy-paste, and it's ready. You could use a native rollover state, but this gives you full control over the animation. Position, colors, shadow: all configurable in 10 seconds. No JavaScript skills needed, the script is designed to be easy to use and maintain.Game of the watercans - SL360 + easy JS
Hi Everybody, here is an example of easy javascript used for a little game. There are 3 cans. Can 1 is full, has 12 liters. Can 2 (7 liter) and 3 (5 liter) are empty. You can pour the water from one can, into another, till its full. Goal is to have 1 liter in 1 can. Sounds not too bad? Can you think of a way to calculate this? If you pour c1 into c2, only 7 liters will enter c2. 5 liters will remain in C1. Easy step one. for every next step we need to know the following: how much water is in each can? how much water can be poured into another? What is the result? how much water is in each can? when all the cans have content, there are 6 possibilities. C1-->C2, C1-->C3, C2-->C1, C2-->C3, C3-->C1 and C3-->C1. (--> pours into) So what do we need? In JS we need variables (var) to calculate each of the 6 possibilties. We need a drag and drop trigger, to move the cans and execute one of the scripts. We need triggers to move the cans back in place after every step. Here are the 3 variables volume for can 1,2,3. The C1 has 12 liters, C2, C3 are empty, 0. Next are the triggers. So after each drop, 2 of the variables will have changed. We trigger to 'jump this slide' when this happens. Did you know, you only reset the objects, the variables will not be reset!! It doesnt matter which can you move. All cans will be reset to startposition. I suppose you can remove one of these triggers, because any of the other 2 will have changed after each pour. Object triggers: Group 1 is can 1 with water, etc. You can clearly see the logic, we needed 6 possible actions. we have 6 scripts which calculate how much water is in the cans you use. Here is the script for C1 --> C2. lines 2-7 will be the same for all the 6 scripts. For those new to js in SL360. You need to retrieve the value of the variables from the player and rename them for usage in the script-shell. This is what lines 5-6-7 do. We take the volumes of each can and name them can1vol, can2vol and can3vol. lines 15-17 we export the new values back into the player. lines 9-13 is where the magic happens. L9: We create a var for how much room there still is in c2. It cannot be more than 7 liters. so. 7 liter - whats inside now. L10: Now we create the var transfer. 'Math.min' takes the lowest value of the named vars. In this case 12 liters in C1, C2 is empty, to it can take 7 liters. The lowest is 7, this will be the transfer value. L12: newCan1 is the next variable. we take the volume in c1, 12 - the transfer value 7. L13: newCan2 is the next, we take the volume in C2, 0 + the transfer value 7. L15-17 we export back to the player, accordingly for the newCan values. (only C1 and C2 have changed, so new values to them. C3 didnt change. Copy the script to all of the 5 remaining triggers and change lines 9-13. Think clearly, can1 has 12 liters and C3 has 5 liters of space. so we use those values to change line 9. in line 10 we change for each outcome how much is in the can you pour from and how much is in the can we drop. We only change the vars that are in use, make sure you trigger the minus and plus to the right can in lines 12-13. :-D | Make sure you use the newCan values for the correct cans. In the project you will find all the scripts. I have to excuse myself for not properly finishing the project, I still need to add states of the quantity of water in each can. Now c1 will always be full, below each can, the values of how much is in there, works. Hope anyone will find this usefull. Have a great day!Optimizing Training Workload: Muscle Physiology for Fitness Coaches
Are you ready to elevate your fitness coaching expertise and help clients achieve their best results? This course dives into the science of muscle physiology and the art of optimizing training workload, empowering you with the knowledge to tailor exercise programs for any goal. Explore how different muscles function, how to harness energy systems, and how to manipulate key training variables for maximum effectiveness. By the end, you'll have the practical tools to design evidence-based workouts, support recovery, and drive real progress in your clients' fitness journeys. Quick link shared below and the learning assets have been shared in the attachments. https://share.articulate.com/xXYyIcdroZxVsqSAAnvtx
