I use Tony's script to fix a number of sub-questions to the bottom of a multi-choice question.
Script:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// Identify this question
var qID = {QID};
var thisQuestion = $('#question'+qID);
// Define the sub-question codes to be placed last
var lastItems = ;
// Loop through those sub-question codes
$.each(lastItems, function(i, val) {
// Move that item to the end of the list
// Multi-choice question
if($(thisQuestion).hasClass('multiple-opt')) {
$('.question-item[id$=X'+qID+val+']', thisQuestion).parent().appendTo($('.subquestion-list', thisQuestion));
}
// Array question
if($(thisQuestion).hasClass('array-flexible-row')) {
$('.answers-list[id$=X'+qID+val+']', thisQuestion).appendTo($('table.subquestion-list', thisQuestion));
}
});
});
</script>
Works - nearly - fine.
Up to a screen width of 838 pixel. (see screenshot 1106)
But at a screen width of 837 the layout changes to (see screenshot 1107)