Rise Canvas

This is such an amazing tool! Thank you for all the work and for sharing it with the community.

I particularily love the self-assessments and the branching scenarios.

I'm continually amazed at the generosity of the eLearning community on here. Thank you DShaw​ 

Absolutely fantastic. Thanks for sharing 

Is Rise Canvas something owned by Articulate or was this created by you? It's a great tool but there might be security issues within my company that I'll need to check on. Also, has there been any accessibility considerations for these? If so, which meet accessibility standards vs those to avoid. Thanks!

A good batch of work has gone into Rise Canvas since the last update, a couple of proper new features and a run of smaller fixes that smooth off rough edges.

The component sidebar has been reorganised. With twenty-one components in the list it had grown into a long scroll, so they're now grouped into five collapsible categories, Knowledge & Assessment, Scenarios & Decisions, Interactive Content, Data & Highlights, and Media & Layout. Only one group stays open at a time, so clicking into a category tidies the others away.

The Stats & KPI builder can now show its figures as more than just a counting number. There's a new visual-style option with four choices, the original count-up number, a donut ring, a horizontal bar, and a semicircular gauge. Pick one of the visual styles and each card gains a simple fill control, so you can set how full the ring, bar or dial draws, and the fill animates into place on the same scroll-into-view trigger and timing as the numbers, in your brand colour. Long figures used to risk spilling out of the rings, so the numbers now scale themselves down to fit neatly inside whatever shape they sit in.

The top toolbar was tidied so its buttons no longer wrap awkwardly on smaller laptop screens and the clear canvas button was missing its border and now matches the others beside it. And the zoom percentage in the canvas is now clickable, click it and you can type an exact zoom level rather than only stepping up and down with the plus and minus buttons.

That's gonna be it till next week... Enjoy building 😁

Thanks for sharing a great resource. I tried it out.

The only drawback is the "created with the Rise Canvas" hyperlink that shows

 up in the lesson. Is there any way to keep that hyperlink from showing up in lessons?

Adding images seems to overload Rise and won't upload HTML. When images are removed, it uploads fine.

I'm a little late to the party but just wanted to chime in that I'm excited to try this out - it looks so cool! My team might be a little more willing to try the code block with something like this too. I'm extremely impressed with all the details you put into it. There are some talented people in this community 🤩

THIS IS AMAZING! Thank you for sharing such a valuable tool. It couldn't have come at a better time for me, as I am in the middle of creating 6 different types of simulations to reinforce customer service with our workforce. This will be a fantastic tool to test and see how it can help me right in Rise! I so appreciate your generosity in sharing this, and I can't wait to dig in and try it! Thank you again!

Well a long flight from London to the USA yesterday, on a flight with starlink 🤯, gave me plenty of time to work on Rise Canvas. In particular, working on some of the trickier coding I’d been putting off. 

This update is mostly one big feature, rolled out across the whole tool, plus the run of fixes that came out of testing it! It solves a problem that’s been quietly limiting Rise Canvas since the start - images, video and audio uploads🤨.

Until now, every image you added to a component was embedded directly into the exported HTML as base64. That works, and it keeps everything self-contained, but it has a hard ceiling. Base64 inflates a file by about a third, and a couple of photos can balloon a component to a size that Rise code blocks will scream at you. For a logo or a small diagram it’s fine; for real photographs it isn’t. Some users were uploading huge png files then wondering why Rise didn’t like it!

So there’s now a third way to add an image, alongside uploading a file or pasting a web address, you can simply type a filename of an image, audio clip or video held in your local storage. If you enter something like diagram.png, the component exports a relative reference to that file rather than embedding it. You then bundle the image, audio or video alongside your exported HTML in a zip and upload it to Rise using the code block’s “Upload project” option, which serves the files together so the reference resolves. There’s no size limit this way, a full-resolution photo is no heavier in the export than its filename.

To make that workflow clear, every image field now has a small information link that opens a short guide laying out the three options, upload, web address, or filename with the full step-by-step for the zip-and-upload route. And to stop oversized uploads catching people out, there’s now a 200KB guard on file uploads, try to embed something larger and it’s blocked with a friendly explanation of the better options, rather than silently bloating your export.

The genuinely time-consuming part was getting this working consistently across all sixteen components that take an image, because they don’t all handle images the same way. Some place a picture as a banner, some as a background, some as a draggable thumbnail.

There was also a fix to the canvas itself. When you edited a component that already lived on the canvas and changed an image filename, the canvas occasionally held onto the old version of the block rather than re-rendering it. It now forces a clean refresh whenever you replace a block, so a change you make in the builder always shows up on the canvas.

Thats it for this update; enjoy building!