Die Items im Fragentyp Rangordnung immer untereinander anzeigen

Question

Liebes SoSci-Team,

ich nutze den Fragentyp Rangordnung. Je nach Bildschirm- und Kärtchengröße werden die Kärtchen manchmal nebeneinander oder untereinander angezeigt. Ich möchte erzwingen, dass die Items immer untereinander angezeigt werden.

Ist das möglich?

Beste Grüße und vielen Dank!

Answer 1

Tatsächlich lässt sich das nicht einfach in der Frage einstellen - aber folgende PHP-Code-Zeilen auf der Seite sollten sich darum kümmern:

pageCSS('
    table.ranking_AB01 div.rankingTkn {
        float: none;
    }
');

Wichtig: Das "AB01" müssen Sie durch die Kennung Ihrer Frage ersetzen!

Comments

Danke für Ihre Antwort. Leider funktioniert die Lösung bei mir nicht. Ich habe eine Rangordnung mit drei Items, RA01, erstellt und mit PHP folgendermaßen in den Fragebogen eingebaut:

question("RA01");

pageCSS('
    table.ranking_RA01 div.rankingTkn {
        float: none;
    }
');

Die Items werden so leider weiterhin nebeneinander angezeigt. Ich habe alternativ versucht, die Reihenfolge des question- und pageCSS Befehls auszutauschen, über verschiedene PHP-Blöcke zu verteilen und den question-Befehl durch das drag and drop-Äquivalent ersetzt.

Könnten Sie mir noch einmal weiterhelfen?

---

Könnten Sie wohl bitte einen Pretest-Link direkt (!) zu der Seite mit RA01 schicken? Dann werfen wir einen Blick darauf.

---

Ich habe einen Pretest-Link in einem Testprojekt erstellt:

https://www.soscisurvey.de/test414981/?act=BbY0NzQhpnyWpKSAmMA6FnYP

---

Wenn ich den CSS-Code teste, funktioniert es auf der Seite. Sie haben hier das pageCSS() aber auch noch nicht eingebaut, oder?

---

Danke für das Testen.

Der CSS Code ist eingebaut. Leider kann ich über das Forum keinen Screenshot schicken. Der Fragebogen besteht aus nur einer Seite mit dem PHP Code:

question("RA01");

pageCSS('
    table.ranking_RA01 div.rankingTkn {
        float: none;
    }
');

Gerne schalte ich Sie für das Projekt frei.

---

Okay, jetzt sehe ich den CSS-Code im Quellcode der Seite. Das Problem liegt darin, dass er oberhalb des Layout-Codes steht. Ergänzen Sie daher bitte noch ein !important wie folgt:

pageCSS('
    table.ranking_RA01 div.rankingTkn {
        float: none !important;
    }
');

(inklusive Ausrufezeichen bitte)

---

Danke! Jetzt funktioniert es.