Building a Responsive Custom Block with the New Labs Feature
For this week's challenge, I experimented with the new Responsive Custom Blocks feature in Labs and used it to create a custom block that automatically adapts to desktop, tablet, and mobile views. The new container-based layout made it easy to reorganize content across breakpoints while keeping the design clean and consistent. A key objective was preserving icon quality, and the responsive controls allowed the layout to resize without stretching or distorting visual elements. The device previews and flexible container settings made testing and fine-tuning very straightforward. Overall, I found the feature intuitive and surprisingly powerful. It significantly simplifies the creation of device-friendly custom blocks, and I think it would be a fantastic addition to Rise 360 if it becomes an official feature. Great work by the Articulate team, and I'm looking forward to seeing how this feature evolves!Business Maths Essentials
Hello everyone... For this week’s challenge, I decided to experiment with a simple combination of Articulate Rise, ChatGPT and PowerPoint. What started as a small idea quickly developed into a complete, scenario-based learning activity. I created Business Maths Essentials for new starters, using Sam, a newly appointed accountant at BrightStart, to guide learners through key financial terms, classification activities, profit-and-loss calculations and a final decision-making task. The learner supports Sam, a new accountant at BrightStart, as he works through four practical tasks: understanding key financial terms, classifying business figures, calculating profit or loss, and interpreting the wider financial position. The activities were created as responsive HTML, CSS and JavaScript components that can be placed inside Articulate Rise Code Blocks. The design uses clear instructions, immediate feedback, running totals, simple calculations and accessible keyboard controls. Consistent TS4 branding, restrained 44 px emojis and visual status cues help learners navigate the content without distracting from the learning objective. The modular structure also allows each activity to be used separately or combined into a complete learner journey. For the course banner, I adapted a template created by Tom and used PowerPoint’s Morph transition to produce a simple animated GIF, which I placed in different locations. Attached is the Rise Banner Template I used - Source : E-learning Heroes View the course: Business Maths Essentials Enjoy Dr NadiaWelcome to a Severance Style Code Block
My first time creating an interaction with code! So inspired by what everyone has created. I've learned it can take a few iterations to get what you want. I used Copilot and ChatGPT5. Feel like I could have spent more time—had to stop and call it good enough for now. Enjoy this Severance inspired interaction. As a new employee, Mr. Milchick has assigned a task for your to complete as part of your orientation. When you are complete, clock out and take the elevator to leave. See it here Cyd Find me on LinkedIn or https://mastermind180.com/Could You Pass the 1912 Exam?
The examining board is waiting. In 1912, Bullitt County students gathered at the courthouse once or twice a year to sit the Common Examination. The local newspaper urged even seventh graders to start preparing early. It was a big deal. For Challenge #549, I didn't redesign the exam. I stepped into it. It starts by asking for your Christian name. Not your name. Your Christian name, because that is what a 1912 Kentucky schoolmaster would have said. That one detail sets the tone for everything that follows. The examiner knows your name and isn't shy about using it. The margin notes are handwritten and pointed. The feedback is sarcastic, whether you are right or wrong. Your result arrives as the front page of the Bullitt County Gazette. Personalised headline, rubber stamp verdict, and Superintendent O. Harned's wax seal. If you score zero, the editors note they have done what they can. Go on then. Submit for marking.
Crossword
I vibe coded a crossword puzzle interaction in the new Articulate Rise custom html block to support our Accounts Review training. It took about an hour of back-and-forth with Copilot to get this working. Check it out here https://rise.articulate.com/share/OHzJApuSIhFcNe4GLwmto58-5dg_-j-C#/lessons/3cT6ydJmoggnBlDSVsXmKaxp11ASrlKp Full HTML code is below the preview, feel free to adapt it and repurpose for own projects.Valentine's Express
Valentine's Express is an interactive experience where users navigate personality-based scenarios and craft notes and love letters. They choose a personality type, receive personalized feedback, and earn a Romance Expert certificate. This entry doubles as my submission for both the E-Learning Valentine Challenge AND the Code Block Build-a-thon. It was my first time building with code blocks in Rise, and I'm amazed at what's possible. Ready to express your heart? Check it out here! 💕The Million Dollar Challenge: An engaging and fun gamified quiz
Hello! 👋 I would like to share another project I’ve been working on — The Million Dollar Challenge, a fully interactive, game-based quiz experience that I built with some help from AI. This project is based on a popular gameshow, applying the same mechanics and gameplay to the quiz. With some prompts, guidance, and code generation from AI, here's a game that’s fun, challenging, and suitable for embedding into any course. Just tweak the question and answer choice sets and you'll have a game that could help achieve your course learning objectives. Usability: Easy to Play: One click to start, intuitive question/answer flow. Engaging Learning Tool: Perfect for knowledge checks, gamified assessments, or review activities. Customizable: Swap out questions, tweak prize amounts, change colors, or edit sounds to match your brand. Accessible Interaction: Clear text, large clickable buttons, and visual cues. Give The Million Dollar Challenge a try in this demo and let me know your thoughts on how you can integrate this into your e-learning projects if this is something that you would actually use for serious topics (compliance, safety training) or lighthearted refreshers. If you have suggestions on how to make the game even better, feel free to let me know; would love to know what you think. 🙂Reading a Micrometer
My first foray into Rise Coding using ChatGPT and very little knowledge of HTML, CSS, and JavaScript. I am excited with the results so far, but I know I have some refinement to do. Maybe making the overall package smaller. For example, when I upload it into Rise, it takes some time to load, then it works fine. I am not even sure how to upload the file here.
