Forum Discussion

Stephanie's avatar
Stephanie
Super Hero
3 months ago

A Growing List of Cool Code Block Examples

➡️ View the examples and grab the code

Hi everyone! 👋

I've been playing around and created a growing list of cool examples of using the code block. I've included the code that you can copy to use in your projects. If you have any questions, just leave a comment in the Review tool. 

New:

  • Suggestion Box
  • Scrolling Ticker
  • ElevenLabs Chatbot (in Rise and Storyline)
  • Sentence Builder 
  • Flash Card Self-Assessment

Updated:

  • Glossary (you can now print it and upload terms/definitions)
  • Capture & Recall Reflections (you can now print them)
  • Student Notebook (you can now print this)


Your Input
Suggestion Box

Interactions

Click & Reveal Checklist
Flip Cards
Glossary
Hover Definitions & Popup Info
Labeled Graphic
Matching Activity
Memory Match
Scratch Card Reveal
Sorting Interaction with Feedback
Timeline
Vertical & Horizonal Tabs

Effects
Animated Checklist
Confetti
Dividers

Graphics 
Blended Image Slider
Image Compare Slider

Knowledge Check / Quizzes
Yes/No Swipe Cards
Swipe Card Quiz 

User Input
Capture & Recall Reflections
Course Completion Certificate
Persistent Learner Name
Student Notebook

Just For Fun!
Interactive Snow Globe

24 Replies

  • Caitlin_B's avatar
    Caitlin_B
    Community Member

    This is incredible! What a great way to share out the information as well. Thanks for all of the coding following the examples. Really inspiring me!

  • Thank you, Stephanie. Wow. So impressed...and grateful for your generosity.

    Would these interactions be accessible? I'm particularly interested in using the swipe card quiz and custom vertical and horizontal tabs.

  • KayleneWance's avatar
    KayleneWance
    Community Member

    Thank you for sharing! Your code block examples had me start thinking of the possibilities of code blocks! I'm going to try some of these out in my future projects.

  • Thanks Stephanie​ !
    I wonder about how the "Suggestion box" on your first page is done and the entries made persistent and saved. I would love to be able to understand this.