Solved

How to display question text/image left of answer choices in multiple choice questions?

Forum|Forum|5 years ago
February 1, 2021
6 replies
747 views

fberg

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

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;
}
});

A

+22

ahmedA
Level 7 ●●●●●●●
Forum|Forum|5 years ago
February 1, 2021

Can you share a screenshot/example of what you are aiming for? It's not clear from the question.

Like

F

fberg
Author
Forum|Forum|5 years ago
February 1, 2021

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

Like

A

+22

ahmedA
Level 7 ●●●●●●●
Forum|Forum|5 years ago
February 2, 2021

For the first approach, see if this works : https://www.qualtrics.com/community/discussion/comment/33611#Comment_33611

Like

A

+22

ahmedA
Level 7 ●●●●●●●
Answer
Forum|Forum|5 years ago
February 2, 2021

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;
}
});