Summary: Edit the report.html file to change the appearance of the Printed Results page.
Difficulty: Medium
Powerful customization in Quizmaker ’09
Have you seen how powerful the customization features are Articulate Quizmaker ’09? Gone is the fixed template where you could just change colors and fonts. You can now place almost any object on the slide in Quizmaker ’09. But one element of the quiz you can’t customize is the Printed Results page.
As you know, you can let the user print their results at the end of a quiz. We saw recently how to change the report.html to change the content of that report.
Why would you want to do that? Well, lots of reasons.
So let’s look at the changes we can make to the report. Let’s also see how you can permanently change that report.html so that you don’t need to keep manually changing it each time you publish.
Activating the Print Results feature in Quizmaker ’09
Pass Result
To have Print Results button in your quiz, click on the Pass Results button in the ribbon of Quizmaker ’09:
(the picture shows both the Pass Results button and the Fail Results button)
Check the box “Allow user to print results”.:
Fail Result
Do the same with the Fail Results button on the ribbon as shown above. Check the box to “Allow users to print results”.
Report.html
The Report.html file is where the Printed Results form is compiled. This is where we need to make changes. You’ll find this file in the published files of your quiz. In Quizmaker ’09, the file is in the quiz_content folder but only if you have checked the Printed Results option as I explained above.
Publishing a standalone quiz
In a standalone version of your quiz, your published files will look something like this:
Open the content_quiz folder to see this:
Notice the report.html file. This is what we need to open and edit.
Publishing a quiz to Presenter
If you publish your quiz to PowerPoint and Articulate Presenter, then you need to look at your Presenter published files. They’ll look something like this:
Open the data folder:
Open the SWF folder:
Finally, open the quiz folder to see your regular quiz project files:
A Revised Report.html
We need to make a few basic edits to the report.html to change the layout. Or, replace this file with another edited report.html. I’ve added comments in the code to an edited report.html to make it easier to know what to edit. Replace the report.html in your published files with this one, or else just make the edits as shown.
- Download this file in zip form.Download file here
(The only thing that I’ve changed is the comments.)
- Click here to view before downloading.(The file is in text format here and not html. Download the zip version above).
- Unzip the file..
- Open it in Notepad. (right-click the file and select Open with -> Notepad. See here for a quick video demo on how to do that).
- See the comments? I’ve numbered each one. They correspond to one part of the Print Results Page.
- Simply comment out the appropriate line to remove it from the Print Results page. You comment out the line by placing // at the beginning of the line.
- Look at the Engage interaction below to know what to comment out. For example, step 4 in the interaction below corresponds to comment 4 in the report.html file.
- Create a test quiz, view the Print Results page. As you edit your report.html, refresh the page each time you make a new save to the document. That way you know your edits are working as you want.
- Make the very simple edits and save your document.
- Replace the report.html in your existing quiz with this new version. Don’t forget that the code is exactly the same except now you have commented lines out.
- Distribute the quiz. Don’t republish it in Articulate Presenter or Quizmaker or you’ll lose your edits!
Look at this embedded interaction to see what parts of the code you’re changing. Click on the arrows on the interaction to view the steps.
Example
We want to remove the Correct Answer and the Student Answer from the results page. We need to change steps 5 and 20 for the Correct Answer column (the body and the header) and steps 6 and 21 for the Student Answer column (again the body and the header).
BEFORE
AFTER
Do the same for step 6.
BEFORE
AFTER
Step 20
BEFORE
AFTER
and Step 21
BEFORE
AFTER
Save the file. The quiz is ready to go.
A New Print Results Format
With just four sets of forward slashes, you’ve changed the Printed Results from this:
to this:
And this is the quiz. Test it yourself and see how it’s changed.
View the quiz and the Print Results report for real.
Save even more time
If you just need to edit one quiz, then the method above is fine. But if you want to change all or many of your quizzes, then try the following:
Please note this is not supported by Articulate.
Rather than edit each time you publish, edit the program files. The revised report.html is automatically inserted into the quiz. This is neat because you don’t need to keep adding forward slashes to the report.html code. Do it once and keep different copies of the report.html for different uses.
Go through the steps above but then do the following:
Now, create a quiz as usual and publish. View the Printed Results, and see the new format. You don’t have to change the published files yourself.
You can keep different versions of the report. Make sure the file you want is called report.html. Rename the others to report2.html, or report_without_student_answers.html etc. so that Quizmaker doesn’t get confused.
When you re-install Quizmaker ’09, your main report.html will get overwritten so you will want to keep a backup of it somewhere.
NOTES
Dave – I found this article to be EXTREMELY helpful. I was wondering if you could answer another question: is there any way to change the column widths? I slimmed down the ‘Results’ page to just include the question number, question text, and student response. It’s a survey essay question. So if the student writes a lot, and while the questions are relatively brief, the table looks lopsided, as the question text column takes up 75% and the response column takes up roughly 25%. Any thoughts?
Hi Dave
I have a slightly off-topic query, but it relates to customizing quizmaker, so here goes…
I want to transfer a quiz from one of our old steam-powered eLearning platforms to Articulate Quizmaker (v2), but I’m not sure I can customize the output as required.
Here’s what I’m trying to do: We have a quiz of 30 questions, based on 3 case studies. I want users to be able to open the case study in a popup to refer to it while they answer the questions. So, I thought it’d be neat to create a link in the question rubric. I can’t do this directly in the authoring environment, but not to worry, I’ll just edit the xml content file after it’s published. Alas, whenever I edit the quizmaker.xml file to add my little extras to a CDATA section, it breaks the file! Am I doing something wrong, or can’t this be done?
Previous xml:
<![CDATA[From the list below, select the most appropriate order entry for Charles' allergy status:]]>
My xml
<![CDATA[Open the case study.From the list below, select the most appropriate order entry for Charles' allergy status:]]>
Thanks!
Andy
Hi Andy,
I am not sure if you can edit the XML the way you are trying. But I know you can add links in questions in Quizmaker 2 within the program itself. You just need to use HTML. This knowledge base article tells you a little what you can do: http://www.articulate.com/support/kb/000548.php Of course, linking within Quizmaker ’09 is even easier.
Hi Laura,
It is a good question and I haven’t had time to look into this yet. I imagine that the answer is to edit the percentages in the section just after Comment 2 in the report.html file. The question is shown as a width of width: 46.25%. You might want to try reducing that and seeing what happens! When I have a sec, I’ll take a closer look.
Hi Dave – I ma still working with V2 as we did not upgrade apps due to the economy. Will these instructions work with V2?
Thanks for you help.
Cheryl
Hi Dave – I am still working with V2 as we did not upgrade apps due to the economy. Will these instructions work with V2?
Thanks for you help.
Cheryl
Hi Cheryl, Yes these instructions will work with Version 2 with one exception, the quiz title. So either, choose to not show the quiz title or else use this special version of the revised Report.html for version 2.
Hi Dave – I have question on the “e-mail results” side. In Version 2, the e-mail was in a typical text format with ” used as text identifiers and a , seperating fields. In Articulate 2009, when I e-mail the results, I no longer have text identifiers and many of the “date fields” which use to start a new line are now in the body of the e-mail. Is there a way to adjust this output as well?
Any help would be appreciated. I have greatly enjoyed your site and has been a huge help.
Thanks
Thanks Dave,
This is great because we don’t want people knowing what the got right or wrong or having a record of the questions asked. They need to submit their answers for scoring, so all we want is the question number and the student answer.
I was working my way to that solution using the published report.html file, bit by bit, but it sure was nice to come across your commented file to use as a roadmap. That plus I hadn’t yet found the default/template report.html file in the Quizmake folder. That takes a huge maintenance load off my mind.
Thanks again
Because we can’t get the “Print Results” without having “Review Quiz” turned on, and I can’t seem to turn off the option where the review marks each question as Correct or Incorrect, I edited the text labels in Quizmaker so those two are blank, so nothing shows up during the review. All set now!
Hi mattzcoz, Thanks for your kind comments. Yes, editing the test labels in Quizmaker 2 is a good trick which I commented on too some time ago in another article “Cheating in Quizmaker” http://daveperso.mediaenglishonline.com/2008/09/30/cheating-in-quizmaker/ . However, the issue with the Printed Results not appearing unless the Review Quiz has been turned on does not apply with Quizmaker ’09. If you haven’t checked it out yet, I would definitely recommend doing so. It is lightyears ahead of Quizmaker 2 in terms of functionality and customization ! Regards
Hi Dave,
I am pretty new to the whole Elearning community. I am the system administrator for our Desire 2 Learn LMS, the creator of many internal learning vignettes, the possessor of all of our Articulate knowledge, and the proud new owner of Adobe Captivate 4…ok introduction over. My question…I have read Gabe’s blog about this, but there must be a Dave way to accomplish this that is elegant and utilizes the skill set I posses.
1.) How do I create a certificate of completion that can be filled in after a course or quiz completion and…
2.) That after the fact can be printed if a user comes back to a “landing page” that will be customized for this purpose. The landing page will be behind a login and password that will contain the Articulate course and after they complete the course they will upon subsequent login see their certificate offered for printing without entering the course…seems like it should be pretty easy…I barely know how to explain it to our developers.
This is great and explained very well – is there something similar when published to an LMS? I want to print a certificate (including logo/image) that includes the participant’s name, course name and date the user passed a quiz
Hi James. You could use the same technique on an LMS but students would still be required to enter their name again. Quizmaker ’09 would not pick up the name of the user on the LMS. Certificates are often built into the LMS itself. Do you not have this function on yours? The SCORM LMS would pick up the scores from the SCORM compatible Quizmaker and create a certificate based on those details and the name of the user logged on the LMS.
[...] Customizing the Printed Results in Quizmaker ‘09 [...]
Hi Dave
Very helpful tipsfor me , my only concern is I defined my report as report.html file but I dont want to have the review quiz button. Is it possible to hide it or remove it.
Hi Sylvie,
You can remove the review quiz button from within Quizmaker. Just uncheck the “Allow user to review quiz” option.
I would like to add a print button to the quiz results page that comes up after selecting the print button on the results page. Rather than having the individual have to go to File and drop down the print selection. Is this a possibility on the report.html page???
Thanks,
Stacy
Hi Stacy
did anyone ever respond to this question?
Thanks
Kal
Hi Stacy and Kal,
I’d like to have the same function too. Did you get any reply?
Thanks,
Tommaso
Wonderful article!
A problem, I used your file and put forward slashes before document.write, number 4, 5, 7, 12, 13, 16, 17, 19, 20, 22.
When I complete the quiz and print, I only get top box, I need the students responses per question for later remedial training. Help!
Hi Michelle, Is your report printing normally before you make any edits to the report file? There is an issue with Printed Results in Internet Explorer 8 as far as I can see. (You want to make sure you are using the Quizmaker update 5).
OUR SUPPORT INFO
The Print Results option at the end of quiz will show blank quiz results (Date/Time header only) when all of the following conditions are met in order:
1. The end user is using IE8.
2. The quiz was taken at least once and the Print Results was used at least once.
3. The Quiz browser tab or IE8 browser window was closed but the Results window or tab is left open.
4. The quiz is relaunched and the Print Results was used again.
This is a known issue in Quizmaker ’09 – Update 5 that has been forwarded to our Quality Assurance Team for further review.
To workaround this issue, close the Print Results Tab from IE8 before attempting to Print results again.
If it is just happening with the file you copied from this article, then I wonder if you didn’t make a mistake somewhere. Let me know and I’ll see if we can figure it out.
Hi,
I have a similar issue. I only get the date/time header only if I review the course from my desktop, but get all other stuff if I upload everything on our LMS. By the way, I use Chrome and IE9…
Tommaso
Hi Dave, the problem encountered by Michelle in the last post is that I’m dealing with now.
I’ve closed everything but the problem persists.
I have IE8.
This problem happens when I do the preview of the quiz, fill in the answers and then click on Print results. The new window appears with just the top row (Date / Time).
I’m using the last version of Articulate.
Thanks Muriel
Great tutorial Dave! I got the report tuned exactly the way i wanted it including changing the font size of HEADING ONE (the title) and HEADING TWO (the user name)
Suppose i wanted to retain the answer to the very last question only in th report – can it be tweaked for that?
Why you ask? here’s why! I HAVE TO HAVE THE NAME OF THEUSER in the report as the report goes to another department for the interview round. As we all know the user name can be bypassed by clicking on ok which means i may not always get the candidate’s name. So i intend to add a last non graded question such as What is your name? which will be answered by the user and therefore if i can get the answer to the last question on the report.html it would be just perfect.
Funny how the program does not have a user name mandatory function!
Any hints or workarounds are welcome
.
I’m a bit confused about your instructions that state “Don’t republish it in Articulate Presenter or Quizmaker or you’ll lose your edits!” I use AO so how am I to republish it after I made the edits? Thanks.
I have a survey set up and the options are agree or disagree (which is based on true or false) . The results print out 1 for agree or 2 for disagree. How can I get the report to say Agree instead of 1 and Disagree instead of 2.
I truly appreciate any assistance you can give. Thans in advance for your time.
Greetings
I have Articulate 09. I wanted to change the look of the printed results. I got Dave Moxon’s Articulate information on how to edit the report.html file in quizmaker to change the Printed Results page. This we did. We edited it and when I preview it is correct. But when I publish the tutorial the edits are gone. I am doing something wrong – What am I missing?
Thank you.
Hi Christine, as noted in point 11 in the article, you mustn’t republish your presentation or it will overwrite your edits. The edits need to be done to your published files. Alternatively, if you look at the last section “Save even more time”, you can edit the report.html which is located in your Program files so that each time you publish the edits stay in place.
If I am using survey questions, how do I get it to print the question feedback rather than “Correct Answer”
Hi Dave,
I found this article extremely helpful! Thank you!
Yesterday though I downloaded the newest version of Quizmaker and when I re-published my quiz today I found that non-passing results are now reported as “incomplete” whereas they were reported as “failed” before I downloaded the newest update. Is there a way to change how the results are reported?
Thanks!
Krista
Hi Krista, In case you haven’t found the solution, this knowledge base article should help: http://www.articulate.com/support/presenter09/kb/?p=3062
Hello Dave
I changed the printed results in an essay survey question I want users to print out. Unfortunately their answer print on one long line. Is there a way of formatting the printed answer?
Hi Steve, as discussed, if you have a single long word then you will get one long line but if you have breaks (ie. as per regular text), you’ll find the answers print out correctly.
Hello
I have made a quiz using Quizmaker 09.
I have changed the label for the “Print Results” button to “Print Certificate” and I have modified the report.html to suit my needs.
How do I modify the Instruction “To print your results, click the “Print Results” button or at least not have it show. I can’t find this option anywhere in the software. I am allowed to add a comment when the user passes, but then instruction is tagged on to the bottom.
As you can see it does not match the lable on the print button.
Any help would be great.
Hi Glenn
Did you ever get a response to your query?
Hello!
I’ve modified report.html file in “Program Files\…” folder with the names of months in Russian. But the publishing process make Russian characters corrupted. :(
report.html at “Program Files\…” folder:
g_arrMonths[0] = “Января”
report.html at the “Quizmaker output” folder after Web-publishing:
g_arrMonths[0] = “??????”
Obviously, the same corrupted result page is uploading to Articulate Online. :(
Please advise how to upload my custom report.html to Articulate Online with correct text in Russian.
That issue is the only show-stopper which prevent my company from using Articulate as a corporate training tool – we need to print certificates in Russian.
Thanks in advance!
Hi Andrey,
I haven’t tested this but have you tried using HTML code for the Russian characters. It is a bit of a pain to set up but once it is done, you’ll be able to use it again and again. http://webdesign.about.com/od/localization/l/blhtmlcodes-ru.htm
Would like to add a print button to the quiz results page that comes up after selecting the print button on the results page. Rather than having the individual have to go to File and drop down the print selection. Is this a possibility on the report.html page???
Hi Kal. Have you seen this article? It might be what you are looking for.
Hi Dave. I’ve used your code for a long time to edit the “results” page. It’s been so helpful. Thank you very much for having guided us through this process.
I have a quiz that requires essay answers. My “print results” screen has Q#, Question and Student Answer columns. The text in the “Question” body orients nicely to the left (and I can see in the formatting code towards the top that this is the coded alignment.) However, for the life of me, I can’t figure our how to left align the “Student Answer” body of text. Once again, I have essay answers which just look silly when they’re centre aligned as is the default.
Is there a way to left-align the student answers?
I have the opposite problem from many of the posts here. My client does not want to hide results, rather they want the user to see their results along with the available options they could have selected from. As far as I can see, quizmaker shows only the correct response and the entered/selected response but it does not show all of the response options the user could have selected. This is important for my client as they want participants to be able to use their quizzes from various modules as study material for the final exam. Displaying that the correct response was “all of the above” isn’t really useful without the other available selections that accompany it.
Can this be done? The selections must be stored as vaiables somewhere, right?
Such a great help!!! Can’t thank you enough.
This is great…does anyone know of a way to attach the certificate or report.html to the email that is generated when you click email results from a quiz?
Helllo is it possible to change the “Failed” or “Passed” summary result into another language. I went through your article and it explains the hidden/show but I can’t find editing this part.
When I click on Print Result button the following errors are showing…
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; BRI/2)
Timestamp: Wed, 23 Nov 2011 10:09:26 UTC
Message: Permission denied
Line: 145
Char: 1
Code: 0
URI: file:///F:/Ehsan%20Ahmed/elearning/New-Elearning-Projects/Presenter/E-Learning%20Programme%20for%20the%20Annual%20Performance%20Report%20(APR)/data/swf/quizmaker_290/quiz_content/report.html
Message: ‘g_oQuizResults.strTitle’ is null or not an object
Line: 267
Char: 1
Code: 0
URI: file:///F:/Ehsan%20Ahmed/elearning/New-Elearning-Projects/Presenter/E-Learning%20Programme%20for%20the%20Annual%20Performance%20Report%20(APR)/data/swf/quizmaker_290/quiz_content/report.html
Message: ‘g_oQuizResults.oOptions’ is null or not an object
Line: 296
Char: 2
Code: 0
URI: file:///F:/Ehsan%20Ahmed/elearning/New-Elearning-Projects/Presenter/E-Learning%20Programme%20for%20the%20Annual%20Performance%20Report%20(APR)/data/swf/quizmaker_290/quiz_content/report.html
Message: ‘g_oQuizResults.dtmFinished’ is null or not an object
Line: 340
Char: 1
Code: 0
URI: file:///F:/Ehsan%20Ahmed/elearning/New-Elearning-Projects/Presenter/E-Learning%20Programme%20for%20the%20Annual%20Performance%20Report%20(APR)/data/swf/quizmaker_290/quiz_content/report.html
Message: ‘g_oQuizResults.oOptions’ is null or not an object
Line: 384
Char: 2
Code: 0
URI: file:///F:/Ehsan%20Ahmed/elearning/New-Elearning-Projects/Presenter/E-Learning%20Programme%20for%20the%20Annual%20Performance%20Report%20(APR)/data/swf/quizmaker_290/quiz_content/report.html
Hi Ehsan. Not sure. Does the report work correctly before you make any edits to report.html? If so, I am guessing you might have made some errors when you made your edits.
No I do not change anything to reports.html file.. I just integrate quiz with my presenter 09.
Thanks
Hi
I understand about customising the print results but what I personally want to do is to display the results in a certificate layout.
I want the info like name, score and pass to appear on an image (a layout I have designed for print results). Is this possible?
Relying on your assistance.
Thanks
Youshra
Hi Dave,
I have a quiz that uses this customized report file very well. Now I want to turn off the view results but allow the certficate to print. When I do this the same report.html file fails. Is there something I am missing? I am replacing the report file after publishing.
Hi Dave,
Your website is great.
I have a problem, you may be able to answer.
I cant get my course to open the results.html despite the fact it is activated in the Pass Results option. It comes up with the pop up for the name, but does not open the new tab.
I am convinced it is not the laptop settings, as i tested using your quiz on this page, and it opens the results in a new tab as expected?
Any ideas?
Thanks
ANdrew
Hi Dave
What a great time saver. I was able to customize print quiz in minutes as opposed to struggling for hours trying to make it work.
Quick question. Is it possible to edit the email results to allow for no email address inserted. I want to allow students to email results to themselves as opposed to one central email?
Thanks,
Michael
This was fantastic. Thanks for the help. Two more follow-up questions:
1. Can I edit the results page to only show the missed questions, not both: correct/incorrect
2. IS there any way to get the results grouped according to the groups I created in the quiz? Can it summarize each group, almost as an individual test?
Thanks for any help!
Hi Dave,
great tutorial
Is there any way to add feedback to the quiz results when student answer is incorrect?
Thanks for you help
Hi Dave
I’m working in Storyline and trying to take your report customisation one step further. I want to create a Certificate for Completion but without any results formatting (as the course has no formal assessment). Is there a way I can strip out all the tables and just replace with lines of text saying Congratulations ‘your name’ on completing the ‘course title’ on ‘completion date’?
Also, the course won’t be hosted on an LMS. In Studio’09 I was able to get round completion notification by using the ‘send email to’ functionality. Obviously this doesn’t exist in Storyline. Is there any way I can output the report in a format that can be saved and attached to an email?