Forum Discussion

JoeDey's avatar
JoeDey
Community Member
4 months ago

Perpetual Notepad for Storyline

Hi, here’s a simple Storyline 360 notepad in JavaScript:

  • It is designed to be 720×540 and centred for use on a lightbox slide.
  • It provides persistent notes across the course via localStorage.
  • Multiple notes are allowed: the learner can create / rename / delete / switch notes.
  • It has an advanced editor: font, size, colour, highlight, bold/italic/underline, lists, align, clear formatting and custom Undo/Redo (to 10 levels).
  • The learner can export the current notes or a selection of multiple notes into a Word document.
  • It has a built in close button that (a) flips a Storyline variable CloseNotepad (which you need to create).
  • Optional SL variable can be created to sync content across your course: NoteTitle, NoteBody, NoteId.

The code can be found in the Execute JavaScript trigger on the lightbox master slide. It also requires a trigger to reset the variable CloseNotepad back to false. Everything can be found in the attached file. 

If you find this useful, please let me know. I'll also upload a version that can be used in Rise 360.

22 Replies

    • JoeDey's avatar
      JoeDey
      Community Member

      Thanks Robi, it's partly accessible. You're free to adapt the code as you wish. Hopefully you'll post your new version on here for all to enjoy.

  • JoeDey​ This is such a great share, thank you, Joe! 🙌

     I can see this being really useful for so many scenarios, like:

    • Reflection activities in scenario-based learning
    • Knowledge checks where learners jot down key takeaways
    • Longer courses where learners want to track insights or questions over time
    • Workshop or certification prep modules where personal notes boost retention

    Love how customizable this setup is. 

    • JoeDey's avatar
      JoeDey
      Community Member

      Thanks Katie-Jordan, I'm glad you will find it of use. You may wish to take a look at my other notepad uploads, there is one for Rise for use in a Rise code block and another for Rise just like this one, but is used in a Rise Storyline block.

      • Just a heads-up: we’ll be featuring this in an upcoming ELH Weekly newsletter. Be sure you’re subscribed if you want to get it in your inbox. 🎉