Hi folks,
I am looking for a way to display a graphic to the left of the answer choices in a multiple choice question.
As you can see from the screenshot, I definded 2 delivery option bundles as the answer choices (Basic, Express). Now, I want an additional graphic explaining the dimensions of my delivery option bundles to be displayed to the left of the choices.
I have to ways in mind how to do this but unfortunately no idea how to realize them technically:
1) The additional graphic is displayed as the left-most choice option but survey participants are not able to select it. This is so far realized in the screenshot but I am unsure about how to prevent survey participants from choosing this explanation column.
2) The additional graphic is added to the question text box which is then displayed to the left of the choice options.
I hope it becomes clear what the issue is. Your help is very much appreciated.
Cheers, Felix
How to display question text/image left of answer choices in multiple choice questions?
Best answer by ahmedA
For your second approach, you could look at the code below. It assumes that you are using a multiple choice question with a horizontal layout.
Qualtrics.SurveyEngine.addOnReady(function () {
var table_row = this.getChoiceContainer().querySelectorAll("tr")[0];
table_row.insertCell(0);
table_row.cells[0].innerHTML = '
';
for (var i = 0; i < table_row.cells.length; i++) {
var pc = 100 / table_row.cells.length + "%";
table_row.cells[i].width = pc;
}
});
Can you share a screenshot/example of what you are aiming for? It's not clear from the question.
Hi Ahmed,
sure, no problem.
There are two ways to address my problem but I am not sure how to implement it technically.
1) In my multiple choice question, the survey participants should not be able to select the first choice (since it is only there for explanatory reasons):
or alternatively:
2) I include the information as a graphic in the question text and then the text should be displayed left of the answer choices so that everything ultimately looks like a table from which the participants can choose either package "Basic" or "Express".
Thanks for your effort.
Cheers, Felix
For the first approach, see if this works : https://www.qualtrics.com/community/discussion/comment/33611#Comment_33611
For your second approach, you could look at the code below. It assumes that you are using a multiple choice question with a horizontal layout.
Qualtrics.SurveyEngine.addOnReady(function () {
var table_row = this.getChoiceContainer().querySelectorAll("tr")[0];
table_row.insertCell(0);
table_row.cells[0].innerHTML = '';
for (var i = 0; i < table_row.cells.length; i++) {
var pc = 100 / table_row.cells.length + "%";
table_row.cells[i].width = pc;
}
});
+1https://community.qualtrics.com/XMcommunity/discussion/comment/34030#Comment_34030Do you know how to modify this code to fit vertical layout?
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.