Forum Discussion

Community Member

6 years ago

Learning Journal In Rise

UPDATE JUNE 2020: Firstly, Articulate recently implemented a small update to Rise. As a result, all new exports from Rise will need to include the most recent version of LearningJournal.js which i...

NicolaFern-0297

Community Member

Hi Mike

Love your solution here, it's excellent and absolutely the sort of thing Rise should be including by default by now...

Quick question - I found it very easy to set up the journal and customise it as needed, I just want to know - is it expected behaviour for the script to remove ALL notes statements whether they contain the specific text labels identified or not?

In other words, if I use the journal, I can't use notes statements elsewhere in the course?

Thanks

Nic

MichelleGaleazz

Community Member

4 years ago

Nic I have been able to use note statements as well as the journal entries in the modules I am building no issues....

NicolaFern-0297
Community Member
4 years ago

Hi Michelle

Thanks for the info. I just set this up today and I had a number of the note statements in my module summary section and none of them were visible with the journal script applied.

I hadn't made any changes to the code beyond changing fonts and colours, and re-labelling the buttons in the javascript file.

The ones I had in were just text-based and definitely didn't have any of the relevant text labels in them.

Weird!

Nic
- MichelleGaleazz
  Community Member
  4 years ago
  Sooooo.... I have just relooked at mine - and you're absolutely right :O
  - MikeAmelang
    Community Member
    4 years ago
    Nicola and Michelle,
    
    Thanks for finding this bug regarding all notes being removed! I can't truly test it currently because I no longer live in the learning development world and have no access to Rise. Can you use this test file to test whether non-Learning Journal notes appear as expected?
    
    (link removed)
    
    Mike
- MichelleGaleazz
  Community Member
  4 years ago
  Hey Nic
  
  Am trying to get my head around these files and how to manipulate them - I noticed that you have altered the font.... any tips on that? I have tried a few things but it didn't work - keep in mind I have NO idea about these things... seems stupid to have to pay a developer to do just that for me but will if we need to....
  
  Thanks Michelle
  - NicolaFern-0297
    Community Member
    4 years ago
    Hi Michelle,
    
    This is super easy to do with a little CSS. You need to add some basic css properties to the Learningjournal.css file. As an example, I changed the journal prompt text to be Open Sans and bold, and to change the color of the prompt box:
    
    .journalentry-prompt {
    color:rgb(85, 54, 132);
    font-family:'Open Sans';
    font-weight: 700;
    margin-bottom:15px;
    }
    
    Sometimes you might need to add !important to the end of a property, before the semicolon if your change doesn't work. This happens if another style is applied at a different level than your changes are being made at - which can override your change. The !important attribute will usually work to make your change the prime one.
    
    You can make quite a few changes with CSS. With this code, I changed the print buttons to:
    
    Make them purple
    
    Give them a rounded appearance with the border-radius property
    
    Changed the text to be uppercase, bold and with font 'Lato'
    
    See below:
    
    .journalprintbutton {
    padding: 5px 10px;
    background-color: #68246d;
    display: inline-block;
    margin-bottom: 15px;
    color: white;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius:30px;
    font-size:1.2rem;
    text-transform: uppercase;
    font-family: 'Lato';
    font-weight: 700;
    }