0 votes
in SoSci Survey (dt.) by s171605 (530 points)

Hallo,

Bitte um Hilfestellung zur folgenden Seite:

https://www.soscisurvey.de/CrowdWork/?act=f2VAA3ngVTWRf7mppdZTFxmG

  • Ist es möglich den Abstand zwischen den Karten und der Linie zu verringern?
  • Wie kann ich die Größe der Kärtchen einheitlich groß machen?

Besten Dank!

1 Answer

0 votes
by SoSci Survey (306k points)

Ist es möglich den Abstand zwischen den Karten und der Linie zu verringern?

Sie könnten das Bild aus dem Itemtext herausnehmen und in den zusätzlichen Text packen, der nur oben bei den Karten angezeigt wird, aber nicht wenn die Kärtchen platziert werden. Dadurch wird der Abstand automatisch kleiner. SoSci Survey plant nämlich (bisher fix) drei Kartenhöhen Platz ein. Das ist auf Texte ausgelegt.

Der Fragetyp ist aber noch recht neu ... und wir sind uns bewusst, dass es sicher noch Optimierungspotenzial gibt. Demnach würde ich den Wunsch, den Platz für die Platzierung feiner zu regeln, gleich mal in die SoSci-Wunschliste aufnehmen. Vielleicht sagen Sie nochmal kurz Bescheid (einfach unten als Kommentar), ob Sie das nach Test der oben genannten Möglichkeit überhaupt noch brauchen.

Wie kann ich die Größe der Kärtchen einheitlich groß machen?

Am besten sorgen Sie erst einmal für einheitliche Bilder, sodass man dort den Inhalt in gleicher Größe gleichermaßen gut erkennen kann.

Um eine Mindesthöhe für alle Kärtchen festzulegen, würden Sie folgenden PHP-Code auf der Seite verwenden. Vorsicht, das funktioniert nur solange Sie die o.g. Änderung nicht vornehmen. Dann müsste der Code ein wenig anders aussehen.

pageCSS('
    .s2qtCardrate > div.s2items div.s2title {
        min-height: 180px;
    }
');
by SoSci Survey (306k points)
Haben Sie den PHP-Code auf der Seite eingebunden? Wenn ich den Pretest-Link aufrufe, finde ich es nirgends im Quellcode.
by s171605 (530 points)
Jetzt habe ich es wieder drinnen.
by SoSci Survey (306k points)
Nun sind die Bilder auch mittig ... aber natürlich nur, wenn sie von der Breite passen. Damit alle Bilder passen, müssten Sie diese noch skalieren lassen:

.s2qtCardrate > div.s2items > div.s2item > div.s2desc img {
  max-width: 100%;
}
by s171605 (530 points)
perfekt danke.
by SoSci Survey (306k points)
Ein kurzes Update: Man kann dire Breite der Kärtchen nun direkt in der Frage festlegen - und die Höhe des Ablagebereichs kann man dort ebenfalls nach Bedarf anpassen. Außerdem verursachen die Bilder beim Drag&Drop keine Probleme mehr.

Willkommen im Online-Support von SoSci Survey.

Hier bekommen Sie schnelle und fundierte Antworten von anderen Projektleitern und direkt von SoSci Survey.

→ Eine Frage stellen


Welcome to the SoSci Survey online support.

Simply ask a question to quickly get answers from other professionals, and directly from SoSci Survey.

→ Ask a Question

...