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

2 columns: Text & MC Question

  • Aug 19, 2020 1:04 AM UTC
  • 2 replies
  • 202 views

Forum|alt.badge.img+2

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

Best answer by TomG

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

View original

2 replies

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • Jan 6, 2023 9:06 PM UTC

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


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • Answer
  • Jan 7, 2023 1:51 PM UTC

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