Storyline 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.Practice: Visualizing Policy with Rise360
Hi there, I'm Leslie! I built this microlearning module in Rise360 because I wanted to practice creating a short, visual story with interactive elements from a text-only public policy source. 7 Ways the SAVE Act Would Block Voting Rights Government and think tank materials are text-heavy and focus on the process to create the policy or proposal, rather than who the policy impacts and what they either have the opportunity to do, or are now responsible for. I wanted to select a topic and source material that I didn't know anything about to keep my decision making to a minimum. I think visual storytelling would help people process policies and decide faster if they want to complete the call-to-action. I used Flaticons for the icon/ vectors. I created two different source attribution pages at the end of the module - one for the source material and one for the icon/ vectors used I'm unsure how to create a .story file for download. But happy to share anything I can. Thank you in advance for your feedback and comments on the design, flow, etc. While I believe in this topic and the research behind it, I realize it is political, so I hope I haven't violated and posting rules. Best, LeslieUp-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. Review360Workplace Violence and Harassment – Game-Based Scenario
One of our recent projects involved developed a game-based, scenario-driven Custom eLearning Solution focused on Workplace Violence and Harassment Training. As part of our broader corporate training solutions and digital learning services, the goal was to move beyond traditional click-through compliance courses and create a learning experience where employees actively practice real-world decision-making. What we built: A scenario-driven course with 1–4 progressive levels Each level presents realistic workplace situations that require learner judgment Learners complete a knowledge check or quiz at the end of each level Successful completion unlocks a badge, reinforcing motivation and progression Why this project matters: Rather than relying on a traditional, click-through compliance approach, we designed this eLearning course to help learners practice real-world decision-making in a safe environment, supporting better recognition, prevention and response to workplace violence and harassment. Behind the scenes: Branching scenarios were designed to encourage reflection, not just right-or-wrong answers Feedback carefully crafted to explain why a response is appropriate Game mechanics were applied thoughtfully to maintain the seriousness of the topic What this project reinforced for us: When designed with intent, gamification can enhance engagement and retention, even for sensitive compliance topics. Tools used: Articulate Storyline 360 for course development Vyond for video creation Learning outcome: Participants will be able to identify, prevent and appropriately respond to workplace violence and harassment situations through practical, scenario-based decision-making. Explore the course: Click the link below to view the course. https://www.swiftelearningservices.com/our-portfolio/game-based-scenario-sample/story.html We welcome your feedback, questions and suggestions, especially around scenario design, feedback strategies and gamification for sensitive compliance topics.ADDIE SPRINT
This 5‑minute microlearning module explains the ADDIE model for building effective e‑learning. The course uses audio‑visual storytelling, and an interactive drag‑and‑drop activity to help learners quickly understand how Analyze, Design, Develop, Implement, and Evaluate work together in real‑world e‑learning projects. Built in Articulate Storyline 360, the module focuses on clarity, engagement, and practical application—perfect for beginners and busy professionals. Review Here: https://360.articulate.com/review/content/44d1a951-be35-45ec-bb0d-21a79c60964e/review"Wait, SVGs are just code?"
Hi everyone, I have to admit something embarrassing. I was today years old (well, 44 years old to be exact) when I properly realised that SVG files are just code. I always thought of them as "images" you have to save, host, and link to. But no, they're just text! 🤦♂️ That realisation sent me down a rabbit hole, and the result is this: a Visual Narrative Selection Tool that is completely self-contained. No external image files, no hosting headaches, just one single HTML file doing everything. 🔍 What it is: It’s a scenario-based training interaction where learners have to pick the right chart type (e.g., "Is a Pie Chart okay for time-series data?"). If they get it wrong, the feedback doesn't just say "Incorrect"—it actually shows them why using a custom SVG graph generated right there in the browser. ✨ Why I'm sharing it: This is a pure "Zero-Asset" experiment. Because the icons and graphs are all SVG code written directly into the HTML: It's impossible to break: You can't "lose" the image files because they live inside the code. It's lightweight: The whole thing is tiny. It's accessible: Fully navigable via keyboard (Tab/Enter). AI-enabled: with a strong enough visual cue, no other files are required I've shared the source code below. It’s fully commented (with my contact info hidden in a professional comment block at the top) Feel free to download, break it, and tell me what you think. And please tell me I'm not the only one who didn't realise SVGs were this powerful? RISE READY HEREStoryline Radial Menu
Hey community! 👋 I'm sharing a script that transforms your Storyline buttons into an animated circular menu with a cascade effect. All elements remain native Storyline objects, so they're easy to customize design-wise. Add as many icons as you want to the list, the distribution is automatic. All settings (radius, angles, duration, easing...) are at the top of the script, no need to dig through the code. Have fun and try different parameters! Storyline circular menu 1.3 | Review 360
