Reverse the position of the subquestion texts with their textboxes in the text-grid question

Reverse the position of the subquestion texts with their textboxes in the text-grid question

This guide will help you reverse the position of the subquestion texts with their textboxes in the text-grid question such as below images:

Put below javascript code snippet into your text-grid question. The function reverseQuestionTextsWithTextBoxes() requires the textbox width parameter. This function will do the reverse and set the textboxes' width to the specifed width.

function reverseQuestionTextsWithTextBoxes(textBoxWidth /*number type and required*/) {
	$('td.grid_subquestion_text').each(function() {
		$(this).parent().append(this);			
		$(this).prev()
			.removeAttr('width').css({'border-left':'none', 'border-right':'dotted 1px #ccc', 'width': (Number(textBoxWidth) + 10) + 'px' })
			.children('input:text').css('width', textBoxWidth + 'px');
	});
}

quest.onInit = function() {
	reverseQuestionTextsWithTextBoxes(150);   // Reverse and set the textbox width to 150px
};