Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Question themes and adaptable array (text) in LS 3.x

PeteReffell
Topic Author
Offline
New Member

More

8 years 1 month ago #173928 by PeteReffell

Question themes and adaptable array (text) in LS 3.x was created by PeteReffell

Having made use of Denis Chenu's excellent adaptable array plugin in the previous 2.x LimeSurvey, I am struggling to replicate this using Question Themes.
The array set up is quite simple: two columns, the first a drop-down list and the second a default text box.
I have searched around for a solution and the closest I have found is a javascript placed within the question for a repeating Yes/No/Do Not Know drop down applied to each answer. The problem with this is that the selection list I need requires a lot of options and is likely to need to be updated by someone other than me.
I have looked at question themes and I know that this is the way to do it, but I am a bit out to sea with quite how to make the modification. I have installed and looked at Tony Partner's question themes to see if I can do a bit of reverse engineering, but I'm not making much progress.
Can anyone offer me help? The drop down list contains 10+ options.
Thank you for any help you can offer.
I have attached a screen shot of the question as it is using Denis' plugin.

Pete

array_examle.png

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

8 years 1 month ago #173935 by tpartner

Replied by tpartner on topic Question themes and adaptable array (text) in LS 3.x

I don't have time today to adapt a question theme but here is a link to a thread describing several ways of doing it with JavaScript - www.limesurvey.org/forum/can-i-do-this-w...dropdown-list#169382

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

The following user(s) said Thank You: PeteReffell

The topic has been locked.

DenisChenu
Offline
LimeSurvey Community Team & Official Partner

More

8 years 1 month ago #173936 by DenisChenu

Replied by DenisChenu on topic Question themes and adaptable array (text) in LS 3.x

I don't think you can completely fix it with question theme, since arayTextAdapt use DB (label).

But it can be surely fixed to use twig file

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member. - Professional support - Plugins, theme and development .
I don't answer to private message.

The following user(s) said Thank You: PeteReffell

The topic has been locked.

Joffm
Away
LimeSurvey Community Team

More

8 years 1 month ago - 8 years 1 month ago #173937 by Joffm

Replied by Joffm on topic Question themes and adaptable array (text) in LS 3.x

Hi, Pete,
the solution is found here:
www.limesurvey.org/forum/can-i-do-this-w...dropdown-list#169344

I adapted the script to your desire:

Code:

<script type="text/javascript" charset="utf-8">
	$(document).on('ready pjax:scriptcomplete',function(){
		var thisQuestion = $('#question{QID}');
	
		// Insert selects
		$('.answer-item.answer_cell_X001', thisQuestion).addClass('with-select').append('<select class="inserted-select form-control list-question-select">\
													<option value="">Please choose...</option>\
													<option value="1">Type 1</option>\
													<option value="2">Type 2</option>\
													<option value="3">Type 3</option>\
													<option value="4">Type 4</option>\
													<option value="5">Type 5</option>\
													<option value="6">Type 6</option>\
												</select>'); 
	
		// Listeners
		$('.inserted-select', thisQuestion).on('change', function(i) {
			if($(this).val() != '') {
				$(this).closest('.answer-item').find('input:text').val($.trim($('option:selected', this).text())).trigger('change');
			}
			else {
				$(this).closest('.answer-item').find('input:text').val('').trigger('change');
			}
		});
					
		// Returning to page
		$('.with-select input:text', thisQuestion).each(function(i) {
			var thisCell = $(this).closest('.answer-item');
			var inputText = $.trim($(this).val());
			var selectval = $('select.inserted-select option', thisCell).filter(function () { return $(this).html() == inputText; }).val();
			$('select.inserted-select', thisCell).val(selectval);
		});
	
		// Clean-up styles
		$('select.inserted-select', thisQuestion).css({
			'max-width': '100%'
		});
		$('.with-select input:text', thisQuestion).css({
			'position': 'absolute',
			'left': '-9999em'
		});
	});
</script>

Regards
Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless