Displaying score for each question *with text explanation* | XM Community
Skip to main content

Hi all, we are trying to do the following, and are not 100% sure the best way to implement it in qualtrics:

We are using Scoring, so each response to a question is worth some number of points.

After the user responds to a question, we would like to display what was right and what was wrong. That functionality seems to be built in (just set "show scoring summary" setting to "After Each Question").

Here's the problem: in addition to the 'scoring summary', we would like to display an *explanation* for why. This does NOT need to be contingent on the response, but it should be displayed at the same time scoring summary 

What is the best way to do that?

 

Below is an image of what we mean:

 

The only way I know of doing this is through survey flow and/or display logic. So instead of the automated summary, create your own through logic of if they answer the question correctly vs incorrectly.

The only way I know of doing this is through survey flow and/or display logic. So instead of the automated summary, create your own through logic of if they answer the question correctly vs incorrectly.

Thanks Inessa! So in our case, whether they answer correctly or incorrectly we’ll display the same text. The only thing we’d like to show is what answers they got right or wrong, such as with those checks and exes

@dbellisario Try this JS

Qualtrics.SurveyEngine.addOnUnload(function() {
    var explanation = "Your explanation here...................";
    var questionContainer = jQuery('.Grading');
    var explanationDiv = jQuery('<div>').addClass('explanation').html(explanation);
    questionContainer.append(explanationDiv);
});

Change the explanation message as you like. You can customize the look with CSS for class explanation.
Let me know if it helps

 

@dbellisario Try this JS

Qualtrics.SurveyEngine.addOnUnload(function() {
    var explanation = "Your explanation here...................";
    var questionContainer = jQuery('.Grading');
    var explanationDiv = jQuery('<div>').addClass('explanation').html(explanation);
    questionContainer.append(explanationDiv);
});

Change the explanation message as you like. You can customize the look with CSS for class explanation.
Let me know if it helps

 

Thanks Nam! I think this is *exactly* what we were looking to do - that is the perfect answer, thank you so much!

@dbellisario Happy to help 👍

Leave a Reply


Terms & Conditions