Difference between revisions of "Add text before answer option of single question"
Line 13: | Line 13: | ||
{| border="0" | {| border="0" | ||
|- | |- | ||
− | | align="center" | | + | | align="center" | [[File:OneColumnBefore.JPG|none]]<br/> |
− | | | + | | [[File:MultiColumnBefore.JPG|none]]<br/> |
|} | |} | ||
Line 21: | Line 21: | ||
{| | {| | ||
|- | |- | ||
− | | align="center" | | + | | align="center" | [[File:OneColumnAfter.jpg|none]]<br/> |
− | | | + | | [[File:MultiColumnAfter.jpg|none]]<br/> |
|} | |} | ||
Line 30: | Line 30: | ||
*Go to menu Properties -> Question scripts -> Java script tab -> Input script | *Go to menu Properties -> Question scripts -> Java script tab -> Input script | ||
− | + | [[File:AddTextBeforeAOOfSingleQuestion.jpg|none]] | |
== Code == | == Code == |
Latest revision as of 04:27, 17 October 2013
Challenge
In order to add text before answer option of single question
As a questionnaire creator
I want to add text before answer option of single question
Example
I have a single question.
I want to add an text before answer option like this image
Solution
- Add a Single question to Questionaire editor
- Go to menu Properties -> Question scripts -> Java script tab -> Input script
Code
quest.insertTextBefore = function(aoIndex, text)
{
var that = this;
$(".option_row").each(
function(i)
{
if (i == aoIndex)
{
var tr = $("<tr>").addClass("customized_text")
.append($("<td>").text(text).attr("colSpan",that.cols));
$(this).before(tr);
}
}
);
}
quest.onInit = function()
{
var text = "My Text";
this.insertTextBefore(2, text);
}
Question stylesheet
.customized_text
{
background-color:white;
}
Source
Questionnaire Resource Id on cg site: 159730
Question: Q_OS_Single_AddTextBeforeAO