Forum Discussion
Handy Templates! – Three Reusable Rise Code Blocks for Everyday Problems
For this Build-a-Thon, I decided to submit a small collection of reusable Rise Code Block templates rather than a single standalone interaction.
The idea behind Handy Templates! is simple:
When working in Rise, there are a few patterns we reach for again and again, but they are either not available natively or require workarounds that compromise usability, accessibility, or visual consistency (I know you know a few...)
This submission brings together three practical, “use-them-tomorrow” templates that are designed to feel native to Rise while extending what is possible with Code Blocks:
- Floating Text Cards Carousel
- MCQ with No Right or Wrong Answers + Side Image
- Likert Scale (Click-to-Reveal Reflection)
Each block is fully reusable, configurable, and intentionally designed around real instructional use cases rather than novelty.
Detailed descriptions and the codes for each block are included directly in this Rise review link:
https://360.articulate.com/review/content/d4be7478-bd5a-49bd-a972-642ddc47c43b/review
If any of these solve a problem you have worked around before, feel free to copy, adapt, and make them your own. That was the goal!!!
6 Replies
They're great! I assume the code you've supplied needs more added, as wheni copy into a block, nothing happens? it's missing the bits at the start? like the <head> etc? thanks!
Hi KateMackenzie! 😊 Good catch! I’ve updated the Review link and added downloadable .txt files so the code keeps its formatting and runs properly in Rise. Just copy everything from the file into a Code Block (no <head> required). Thanks, and let me know if you still hit any issues!
Really clean and well-balanced design! Big fan of pink 😇💓
Thanks so much, ClaudiaNadol891 ! (I must admit - me too 😁) - hope you also find the codes handy 😊
Hi ArthaLearning04 how did you insert the images inside the cards?
Hi, Here is the trick:
Inside the CONFIG section, each card has an imageUrl property. Just replace "URL HERE" with a direct image link (must start with https:// - for example from Unsplash) and the image will appear inside the card.{ title: "Your title", body: "Your text", imageUrl: "https://images.unsplash.com/your-image-link"}The layout handles spacing and cropping for you. If you don’t want an image, set it to "" and the card will render text only.
