Category separator on array (numbers) with custom JS Dropdown list

Mehr
2 Jahre 5 Monate her #154712 von mforster
Hello everyone,

I'm a beginner in JS scripting, i create a new Array (numbers) with Dropdrown list. I would like to put category separator on it. (See the picture in attachment)


Is it possible ?

Can I find a code to do it properly ?

Many Thanks for your help
Anhänge:

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

LimeSurvey Partners
Mehr
2 Jahre 5 Monate her #154719 von tpartner
You can add something like this to the question text:
<script type="text/javascript" charset="utf-8">
	$(document).ready(function(){	
 
		// Add a class to the question
		$('#question{QID}').addClass('with-separator-options');
 
		// Loop through all dropdowns in this question
		$('#question{QID} .answer-item select').each(function(i) {
			// Insert a separator before the option with value 1
			$('option[value="1"]', this).before('<option value="" disabled>Separator 1</option>');
 
			// Insert a separator before the option with value 5
			$('option[value="5"]', this).before('<option value="" disabled>Separator 2</option>');
		});
	});
</script>

And then add something like this to the end of template.css:
.with-separator-options .answer-item option {
	padding: 0 15px;
}
 
.with-separator-options .answer-item option:disabled {
	padding: 0;
	font-weight: bold;
	opacity: 1;
	color: #000000;
}

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Official LimeSurvey Partner - partnersurveys.com
Folgende Benutzer bedankten sich: mforster

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
2 Jahre 5 Monate her #154738 von LouisGac

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
2 Jahre 5 Monate her #154748 von tpartner
My understanding is that these are select elements, not Bootstrap dropdown menus.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Official LimeSurvey Partner - partnersurveys.com

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
2 Jahre 5 Monate her #154749 von LouisGac
absolutely, I'm just pushing bootstrap solutions ;-)

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
2 Jahre 5 Monate her #154844 von mforster
Thank you very much for your help !

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Jetzt loslegen!

Melden Sie sich jetzt an, und erstellen Sie in wenigen Minuten Ihre erste Umfrage.

Account einrichten

Abonnieren Sie unseren Newsletter

Abonnieren Sie unseren Newsletter für alle Neuigkeiten rund um LimeSurvey
captcha