corrupted layout in multiple question

More
1 month 1 day ago #158895 by Joffm
Joffm created the topic: corrupted layout in multiple question
Hi, all,

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 = ['SQ006', 'SQ007', 'SQ008'];
 
		// 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)

Is there any idea how to repair this?

Thanks in advance
Joffm

LS Version 2.67.3+170728
sample attached
Attachments:

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now