Forum Discussion
Rise Canvas
A drag and drop code block creator... the components can be resized and positioned anywhere on the canvas. Any number of different components can be added to the canvas… Output as HTML/JS to add to a code block
Rise Canvas is not affiliated with Articulate® or Rise 360®.
32 Replies
- DebClemonsCommunity Member
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!
- DShawCommunity Member
Thanks for asking, happy to clarify.
Rise Canvas isn't an Articulate product. It's a tool I built myself for authoring custom interactive components. It's a standalone, browser-based app that runs entirely client-side, it doesn't integrate with Articulate's platform or send any data anywhere. What it produces is self-contained HTML/CSS/JavaScript; nothing connects back to an external service at runtime, so from a security standpoint each component is just static front-end code with no external calls or data collection. On accessibility, yes, it's been a consideration throughout. The components use semantic markup, keyboard-focus indicators, ARIA roles and labels, live regions so screen readers announce things like quiz feedback, and screen-reader-only text where needed. I'd be straight with you though, they've been built with accessibility in mind rather than put through a formal WCAG audit, so I wouldn't want to claim certified compliance. You can get further detail by clicking the accessibility tab in the tool.
Happy to answer any further questions...If any of this concerns you then don't use the tool...
- DebClemonsCommunity Member
Thank you for the info. You must have a brilliant mind to create such a great tool. I design for a financial institution that is highly regulated so these are the types of questions they ask if I want to bring a tool to them for approval. Appreciate the info and I hope to be able to use the tool without concern.
- StephenMorey-64Community Member
Absolutely fantastic. Thanks for sharing
- Michelle_EireCommunity Member
I'm continually amazed at the generosity of the eLearning community on here. Thank you DShaw
- PTPUNITARCommunity Member
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.- DShawCommunity Member
Glad you like it and thanks for the nice comments 😊
- DShawCommunity Member
A quick one this morning, prompted by some helpful feedback from someone 'kicking the tyres' on Rise Canvas. They pointed out that the flip cards weren't reflowing nicely on a phone, instead of stacking into a single column, they stayed in their desktop column count and got crammed into tiny widths with text spilling over. They'd even gone to the trouble of documenting Rise's own responsive breakpoints, which was generous and genuinely useful.
It turned out to be a regression rather than something I'd never built. An earlier version of the flip cards did collapse to a single column on small screens, and somewhere along the way that responsive rule got lost.
So it's now restored, and improved a little while I was at it. The exported card grids reflow as the screen narrows, your chosen column count on desktop, dropping to two columns on tablet widths and a single stacked column on phones, all aligned to the breakpoints Rise itself uses. It never shows more columns than you set, so a two-column layout stays sensible and a four-column one steps down gracefully.
It wasn't just the flip cards, the same fix went across every grid-based component, so Infographic Cards, Stats & KPI, the Expanding Infographic and the Sorting Activity drop zones all stack properly on mobile now too.
Thanks to the reviewer for the nudge; exactly the kind of real-world testing that makes the tool better.
- StefanHinni-aefCommunity Member
This is a fantastic tool - thanks a lot for sharing!
- DShawCommunity Member
Launched another update. This one is less about one big new feature and more about a wave of refinements that make Rise Canvas noticeably nicer to build with, plus a couple of fixes to things that had been quietly annoying. Here’s what’s changed since last time.
The biggest single improvement is around layering and how your layout actually comes out the other end. You can now control the stacking order of overlapping components. Each block on the canvas has four new buttons, bring to front, forward one, backward one, and send to back, so if you want a speech bubble sitting on top of an image, or a callout layered over a card, you can set exactly which sits above which. More importantly, that layer order now carries through to the exported HTML. Previously the canvas worked out stacking purely from position, so the order you carefully set on screen didn’t necessarily survive into Rise. Now it does.
Closely related, and honestly the fix I’m most pleased with, the exported layout now faithfully matches what you arrange in Design mode. There was a subtle but maddening problem where the output didn’t look like the canvas, an image would balloon to full width, and a component layered over it would drift out of position. The export now reproduces your Design-view layout at its true proportions, sized and positioned exactly as you placed everything, and it scales down gracefully if the space it lands in is narrower than your design. What you arrange is what you get.
A lot of work went into the builders themselves becoming more pleasant to use. Across the Card Carousel, Flip Cards, Infographic Cards, Process Steps, Stats & KPI, Accordion and Expanding Infographic builders, the card-editing section has been moved up to sit directly beneath the live preview, laid out in neat rows rather than stranded in a tall column with a big empty grey area beside it. It’s a much more compact, sensible use of the space. While doing that I also fixed a genuinely irritating bug, when you typed into a card field, the editor boxes would jump and vibrate on every keystroke, because each character was triggering a full rebuild of the preview. Typing is now smooth, your text registers instantly, but the preview quietly catches up a moment after you pause, with no more jitter. Long words that used to spill out past the edge of a carousel card now wrap properly inside it, too.
There was a toggle that affected every builder. When you added a component to the canvas and then reopened it to edit, all the toggle switches showed their default positions even though the component itself was unchanged, so to flip a switch you had to click it twice, the first click just snapping it back into sync. That’s fixed everywhere now, reopen a component and every toggle shows its true state, and a single click does what you’d expect.
Some other minor changes to the UI also applied.
As always, everything you make is exported as standalone HTML that drops straight into a Rise 360 code block.
- GordonWimpressCommunity Member
Amazing! Makes creating in Rise so much easier!
- DShawCommunity Member
Small but useful update in the latest release.
The Video builder now has a 9:16 portrait option in the aspect-ratio row, alongside the existing landscape and square ratios.
More and more course content is being filmed in portrait on phones, but Rise's standard video block is built for landscape, so a portrait clip ends up shrunk into a small strip with empty space either side, especially on mobile. Selecting 9:16 fixes this: the player switches to a portrait frame so the video fills it properly, and it's automatically capped to a sensible phone-width and centred so it doesn't tower down the page on desktop. On a phone held upright, it scales to fit the screen the way the footage was meant to be seen.
It works with both YouTube/Vimeo links and direct video file uploads.
- DShawCommunity Member
Another update has landed in Rise Canvas, and this one is almost entirely about a single component, the Self-Assessment builder. It went from a solid first version to a properly capable, credible self-assessment tool.
The Self-Assessment builder lets you create a reflective questionnaire, a set of statements the learner rates on a scale, grouped into categories. When they finish, they get a personal results screen with a radar chart, category bars, and tailored feedback. There are no right or wrong answers and nothing is scored by the LM, it's purely for the learner's own reflection, which makes it ideal for wellbeing, stress, confidence, or readiness check-ins.
There's a new printable results option too. Learners can now save or print their results. A button on the results page opens a clean, self-contained copy of their results in a new browser tab, which they can then print or save as a PDF using their browser.
A handful of polish and layout fixes round it out. The whole builder layout was reorganised so the result bands and the rating-scale, results-display and appearance panels now sit neatly under the live preview instead of leaving a big empty gap down the side, it's much more compact and easier to work in.
Related Content
- 10 months ago
- 1 year ago
- 11 months ago
- 1 year ago