Use images instead of responses in multiple response question | XM Community
Skip to main content

For a multi-select multiple choice question I would like to show images instead of responses, the idea in my head being that it will sort of resemble the app icons on a phone.

I have put the images in the choice text but am not able to hide the checkboxes despite trying a number of methods, the following being one of them:

Qualtrics.SurveyEngine.addOnload(function() {
    var questionContainer = this.getQuestionContainer();
    jquery(thisquestion).find("inputitype=checkbox]").hide(); 
});

Another big question - right now clicking on the image will check the box but will it do that if box is hidden?

Bonus points - I’d love to outline the images when selected (and remove if clicked again).  Right now there’s a blue background on click but it’s not as clean as what I’d like to see.

 

Thank you for any input!

This can be acheived by custom code, however it depends on what layout you use, for example the below CSS will hide the checkbox when using Flat layout (replace the QID with your QID):

<style>

	#QID23 label.MultipleAnswer>span::before{
		visibility:hidden;
	}

	</style>

 

Leave a Reply


Terms & Conditions