Welcome, Guest
Username: Password: Remember me

TOPIC: how to make two question type in one wrap using limesurvey

how to make two question type in one wrap using limesurvey 1 year 10 months ago #89296

  • mimi
  • mimi's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 32
  • Karma: 0
hi..

i want to put two question type in one question.
but when i did, it'll be separated.
i want to make it in one wrapped and the second answer is on the right side
here i attach the example of question that i've done
Attachments:
Last Edit: 1 year 10 months ago by mimi.
The administrator has disabled public write access.

Aw: how to make two question type in one wrap using limesurvey 1 year 10 months ago #89300

  • jelo
  • jelo's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 470
  • Thank you received: 52
  • Karma: 16
There is no free format question type to mix questions together out of the box.

Perhaps our javascript wizards can provide you a workaround with javascript/css to display these two question side by side.
The administrator has disabled public write access.

Re: Aw: how to make two question type in one wrap using limesurvey 1 year 10 months ago #89315

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6429
  • Thank you received: 840
  • Karma: 249
Hello,
It's only a css problem, tou can do that in template.css too.

A javascript quick workaround.
Seem you using default template
After reading the javascript workaround section of the wiki.
In the first question
$(function() {
 $("question{QID} .question-wrapper").parent('tr').css('margin-bottom','0');
});

In the second question:
$(function() {
$("#question{QID} .questiontext").parent('tr').hide();
});
The administrator has disabled public write access.

Re: Aw: how to make two question type in one wrap using limesurvey 1 year 10 months ago #89328

  • tpartner
  • tpartner's Avatar
  • NOW ONLINE
  • LimeSurvey Team
  • Posts: 4270
  • Thank you received: 803
  • Karma: 368
Or to expand on Denis's train of thought :P

Add this to the first question. It will hide the second question and move its radios to the answer element of the first.
<script type="text/javascript" charset="utf-8">
	$(document).ready(function(){
 
		// Identify the questions
		var thisQuestion = $('#question{QID}');
		var nextQuestion = $(thisQuestion).next('div[id^="question"]');
 
		// Hide the next question
		$(nextQuestion).hide();
 
		// Move the radios from the next question
		$('.answer .answer-item', thisQuestion).append($('ul.answers-list', nextQuestion));
 
		// Some cleanup styles
		$('.answer-item select, .answer-item ul, .answer-item li', thisQuestion).css({
			'float': 'left'
		});
		$('.answer-item ul', thisQuestion).css({
			'list-style': 'none',
			'margin-left': '50px'
		});
		$('.answer-item li', thisQuestion).css({
			'margin-right': '15px'
		});
	});
</script>

capture.jpg
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

Re: Aw: how to make two question type in one wrap using limesurvey 1 year 10 months ago #89376

  • mimi
  • mimi's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 32
  • Karma: 0
tQ s0 much to all of u for helping.

:lol:
it works! :)
The administrator has disabled public write access.

Re: Aw: how to make two question type in one wrap using limesurvey 1 year 8 months ago #92491

  • Serafim
  • Serafim's Avatar
  • OFFLINE
  • Expert Lime
  • Posts: 114
  • Thank you received: 2
  • Karma: 2
Hi there, is it possible repeat the code? So I would have more than one drop list and more than one second question?
The administrator has disabled public write access.

Re: Aw: how to make two question type in one wrap using limesurvey 1 year 8 months ago #92537

  • tpartner
  • tpartner's Avatar
  • NOW ONLINE
  • LimeSurvey Team
  • Posts: 4270
  • Thank you received: 803
  • Karma: 368
You can repeat this code as many times on a page as you like. It will manipulate any drop-down question it is inserted in (and the following radio question).
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.137 seconds
Donation Image