View source for Add text before answer option of single question

== 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.

{| border="0"
|-
| align="center" | [[File:OneColumnBefore.JPG|none]]<br/>
| [[File:MultiColumnBefore.JPG|none]]<br/>
|}

<br/>I want to add an text before answer option like this image

{|
|-
| align="center" | [[File:OneColumnAfter.jpg|none]]<br/>
| [[File:MultiColumnAfter.jpg|none]]<br/>
|}

== Solution ==

*Add a Single question to Questionaire editor
*Go to menu Properties -> Question scripts -> Java script tab -> Input script

[[File:AddTextBeforeAOOfSingleQuestion.jpg|none]]

== Code ==

<source lang="javascript">
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);
}
</source>

== Question stylesheet ==

<source lang="css">
.customized_text
{
 background-color:white;
}
</source>

== Source ==

Questionnaire Resource Id on cg site: 159730

Question: Q_OS_Single_AddTextBeforeAO