Create Graded Quizzes using Self-Calculating Fields in 5 Easy Steps

Written by Formstack on June 9, 2011

Posted in Form Hacks

 

Today we are going to make a graded quiz using Self-Calculating Fields and a little ingenuity.

 

I have embedded an example of the quiz at the bottom of this post. You can jump down there and try it out before we go through this process if you want.

Step 1.

Our first step is to create and name our new form. I chose “Quiz!” because. let’s be honest, it’s the coolest name ever.

create1

Step 2.

Once we have our new form started, our next step is to create the question fields. I used radio buttons because multiple choice and true/false questions are the only ones we can use to  calculate a total. Once you enter your answer labels, you are going to check the “Use separate values” check-box and move the drop-down list to “save label”. Then you’re going to populate our option values field. It’s important to notice that you can only have a value listed once per question. That is why the values in this form are: 1, 0, 0.0, 0.00 and so on.

fieldtype

Step 3.

This step is OPTIONAL. If you want to use partial credit for some answers and want to be able to show the value of those answers then follow along. Otherwise, just continue to Step 4.

This step is to create a read-onlyhidden number box to store the value of the answer the user selects. We need this box later when we display the results to the user. We are also going to click “use calculation”.

numberField_12

If we are using partial credit, then we want to choose the highest amount of decimal places available to make sure our calculations come out correct. And on the –Field– drop-down box choose the question that this answer box refers to.

numberField_21

Now you just repeat creating the question and then the hidden answer box underneath it until you have created all of the questions you want.

Step 4.

Now we create an “Answers Sum” number box to hold the calculations of the whole test. It is a read-only, hidden number box, and you are going to add up the calculations by choosing the first question, then a + sign, and then your second question and so on. If you are giving partial credit, then set your decimal places to the maximum number.

AnswerSum2

That is the end of the form! YAY!

Step 5.

Now we need to set up the redirecting so the user can see their score. This is done under Settings > Emails & Redirects > After the Form is Submitted:

redirect1

On this screen you want to click the radio button that says “Display a Custom Message“. Then just start typing your message. Wherever you want to include the values the user has selected you just click on that field inside the Insert Fields section at the bottom. The red arrow below shows how I typed “You Scored ” and then clicked the field “Answer Sum” which will automatically be placed in the message. Now you just continue that process for the rest of the message and you are all set up.

redirect2

When you are done with your message, make sure you save your settings, and then go back to the builder and preview your form. Inevitably, when you test it you will find some kinks here and there, but stay at it and I am sure you’ll get it.

Here is an example of the completed quiz. Enjoy!