Hallo,
die Sache mit der erscheinenden Checkbox liegt an "fruity" bzw. einem nicht vollständigen css (Frag mich mnicht, wieso dies so sein muss)
In einem alten Thread im niederländischen Teil habe ich den Unterschied schon einmal gezeigt.
[url]
forums.limesurvey.org/forum/dutch-forum/...abloon-fruity#209986
[/url]
und folgender.
Soll also heißen: Bei "fruity" muss explizit diese Klasse mit angegeben werden.
Code:
.fruity .hide-pseudo-elements label::before,
.fruity .hide-pseudo-elements label::after {
display: none;
}
.fruity .hide-pseudo-elements .label-text {
margin-left: -20px;
}
Dann ist mir aufgefallen, dass dies bei mir erscheint (Deine lss einfach importiert)
Bitte, beachte immer dies
[url]
www.limesurvey.org/manual/ExpressionScri...3%BCsseldefinitionen
[/url]
Soll heißen: Korrekte Benutzung von Leerzeichen.
Joffm
P.S.
Im Grunde würde ich diese Frage anders designen.
Die Kapitel beziehen sich auf das "Tutorial 2: Mehrfachnennungen,..."
Ich würde wohl eher mit einer Frage "Mehrfach mit Kommentar" arbeiten.
Header nicht als Teilfrage, sondern als Text jeweils dazwischenschieben, Kap.2.2.
Überflüssige Kommentare ausblenden , Kap.2.1.
Randomisierung innerhalb der Kategorien mittels "Umfrageweite Randomisierung", Kap. 1.5.
Dazu muss allerdings im script für Mehrfachnennung, "answer-item" in "checkbox-text-item" geändert werden.
Die Randomisierung selbst erledigt man dann in einer Frage vom Typ "kurzer Text" irgendwo am Anfang der Umfrage.
Das ziemlich bekannte script für Randomisierung mittels javascript wird ein bisschen angepasst
Code:
<script type="text/javascript" charset="utf-8">
function shuffle(array) {
var currentIndex = array.length, temporaryValue, randomIndex;
// While there remain elements to shuffle...
while (0 !== currentIndex) {
// Pick a remaining element...
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex -= 1;
// And swap it with the current element.
temporaryValue = array[currentIndex];
array[currentIndex] = array[randomIndex];
array[randomIndex] = temporaryValue;
}
return array;
}
$(document).on('ready pjax:scriptcomplete',function(){
// Fill the arrays
// Ich habe die Items der ersten Kategorie mit A1, A2,... benannt, A4 ist das "Sonstige
// Zweite Kategorie analog B1, B2,...
var arrA = ['A1','A2','A3'];
var arrB = ['B1','B2','B3'];
//Jetzt werden beide verwürfelt
arrA = shuffle(arrA);
arrB = shuffle(arrB);
// An beide arrays wird der "Sonstige"-Code angehäng; er soll ja als letztes Item erscheinen
arrA.push('A4');
arrB.push('B4');
// Und das finale array wird zusammengestellt.
arrF = arrA.join(',')+ ',' +arrB.join(',');
$('#question{QID} input[type="text"]').val(arrF);
// Nach dem Testen die nachfolgenden Slashes entfernen, oder die Frage mit der css-Klasse "d-none" verstecken.
//$('#question{QID}').hide();
});
</script>
Dann kann es so aussehen
