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

Plus d'informations
il y a 2 ans 2 mois #154712 par 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
Pièces jointes :

Connexion ou Créer un compte pour participer à la conversation.

LimeSurvey Partners
Plus d'informations
il y a 2 ans 2 mois #154719 par 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
Les utilisateur(s) suivant ont remercié: mforster

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 ans 2 mois #154738 par LouisGac

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 ans 2 mois #154748 par 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

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 ans 2 mois #154749 par LouisGac
absolutely, I'm just pushing bootstrap solutions ;-)

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 ans 2 mois #154844 par mforster
Thank you very much for your help !

Connexion ou Créer un compte pour participer à la conversation.

Commencez dès maintenant !

Créez simplement un compte et commencez à utiliser LimeSurvey dès aujourd'hui.

Inscrivez-vous maintenant

Inscrivez-vous à notre Newsletter!