Learning Journal In Rise

I built a cool Learning Journal feature for Rise that has been very well-received. I thought I'd share it in case anyone wanted to a. use it or b. improve on it.


The Learning Journal allows the learner to enter text responses to journal prompts throughout a Rise course. At the end of the course, the learner can print their learning journal of all their responses. The responses are saved to the browser so that they persist on future visits to the Rise course.


EDIT May 2019: At the request of a member of the forum, I created a HOW-TO video below that shows each step of the HOW-TO document in action.


Example Rise Course

HOW-TO Document

HOW-TO Video


Learningjournal.js file (right-click and save)


Learningjournal.css file (right-click and save)

Project github site

I would love any feedback and help to improve the functionality and code.

Mike Amelang

58 Replies
Mike Amelang


Some browsers will save CSS files as text files. Fortunately, CSS files are really just text files with a .css file name extension on the end. Go ahead and save the file as "LearningJournal.txt". Next, navigate to the file where you downloaded it and rename the file to "LearningJournal.css".

If you are using Windows 10 and can't see the file extension, go to View Ribbon -> Show/Hide section -> checkbox: File name extensions. Then you will be able the change the file name extension to "css".

Let me know if this helps,


Mike Amelang


This is an interesting option to have. I love how these needs pop up once the code is in the wild. Someday I will add the various options (i.e. email out the journal) into one updated file.

For now, go ahead and delete line 97 in LearningJournal.js which reads "getSectionsfromLocalStorage();". That should keep the code from filling in previous responses when the page loads.

Let me know how this works for you,


Mike Amelang


I apologize for the delay in addressing this. It turns out that your LearningJournal.css file had been renamed to LearningJournal.txt. As a result none of the formatting changes you were attempting were recognized. Go ahead and rename the file to .css, repackage your SCORM and you will be good to go.