2 columns: Text & MC Question | XM Community
Skip to main content

Hi everyone,
I am trying to set up a page similar to a standardized reading test format. I need the text to appear on the left side of the screen and the multiple-choice question to appear on the right side of the screen. Any thoughts on how to do this?
Thanks,
Tricia

Hi there, if you still need, this can be put in place by using JavaScript to place the answer choices inside the 2nd column of an HTML table.
MC_SidebySide.pngFirst, create a Multiple Choice question that is set to Single Answer and Vertical alignment. Using the Rich Content Editor, click the table icon to create a table. Set the number of Rows to 1, the number of Columns to 2, Alignment to Center, and Width to 100%.
Still in the Rich Content Editor, type in the question text into the first column.
Then, add the below to the question's JavaScript in the OnReady section:
var qid = this.questionId;
var qbody = '#'+qid+' > div.Inner.BorderColor.SAVR > div > fieldset > div';
var col1 = '#'+qid+' > div.Inner.BorderColor.SAVR > div > fieldset > legend > div > table > tbody > tr > td:nth-child(1)';
var col2 = '#'+qid+' > div.Inner.BorderColor.SAVR > div > fieldset > legend > div > table > tbody > tr > td:nth-child(2)';

jQuery(qbody).detach().appendTo(col2);
jQuery(col1).css({"width":"50%"});
jQuery(col2).css({"width":"50%"});

This is an old question, but I think what Tguerrero means is this.

Leave a Reply


Terms & Conditions