The LimeSurvey Fund-Raiser 2012 is complete. Thank you for donating a total of 25,000 USD!     List of donors »

Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

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

how to make two question type in one wrap using limesurvey 5 months 3 weeks ago #89296

  • mimi
  • mimi's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 28
  • 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: 5 months 3 weeks ago by mimi.
The administrator has disabled public write access.

Aw: how to make two question type in one wrap using limesurvey 5 months 3 weeks ago #89300

  • jelo
  • jelo's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 345
  • Thank you received: 32
  • Karma: 13
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 5 months 3 weeks ago #89315

  • DenisChenu
  • DenisChenu's Avatar
  • NOW ONLINE
  • Moderator Lime
  • Posts: 4412
  • Thank you received: 458
  • Karma: 166
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 5 months 3 weeks ago #89328

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2867
  • Thank you received: 426
  • Karma: 246
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

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 5 months 3 weeks ago #89376

  • mimi
  • mimi's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 28
  • 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 3 months 1 week ago #92491

  • Serafim
  • Serafim's Avatar
  • OFFLINE
  • Expert Lime
  • Posts: 80
  • Karma: 1
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 3 months 1 week ago #92537

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2867
  • Thank you received: 426
  • Karma: 246
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

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