Hacking a bit more Managebac a.k.a. more pro-tips

Pro-tips from an enthusiastic PYP Coordinator:

This is almost a proof of concept post, meaning that the difficulty level for non html coders is high😉.

I have been for quite sometime wanting to add pictures into our Early Years report cards and today I finally got around doing it.

Prerequisites and disclaimers 

If you choose to follow these instructions and it will take up all your time, you can’t blame me!, I have warned you!

Step 1. You’ll need:

  1. pictures that you have named properly and placed them in a folder on your websites public_html folder or publish them on your blog (I am using a page in my WordPress blog that is not linked in any menu).
  2. This bit of code:

<img src=””>

You will need to place your own URL between quotation marks, like so

<img src="https://upload.wikimedia.org/wikipedia/commons/f/f9/Phoenicopterus_ruber_in_S%C3%A3o_Paulo_Zoo.jpg"> 

I would make a text document with all the code snippets ready for all the students before continuing to the next step.

Step 2. Open your Gradebook and copy-paste your html code into your desired comment box.

Add your code into homeroom comment box
You may also want to restrict the size of the image by adding Height and Width


Step 3.  Generate a personalized report card with  images in comment boxes


I hope you liked this advanced level pro-tip, please leave a comment or ask a specific question and I will happily help out!