Auswahlboxen in mobiler Version gehen verloren

Question

Hallo SoSci Team,

ich habe in meinem Fragebogen Fragen als Typ "Horizontale Auswahl" mit grafischer Verankerung und Auswahlmöglichkeiten 1-5 angelegt. In der Desktopversion wird über den Zahlen (1-5) ein weisser Punkt zur Auswahl der Nummer angezeigt. Funktioniert alles super soweit.
Auf der mobilen Version werden im Hochkantformat nur die Nummern mit breitem Rahmen angezeigt. Ist etwas weniger schön, geht aber noch. Wenn man aber auf der mobilen Version auf Querformat wechselt, dann wird zwar die grafische Verankerung gezeigt, aber die Blöcke oder die weissen Auswahlpunkte fehlen komplett. Das macht es für den Enduser sehr unübersichtlich.
Gibt es hierfür eine Lösung, damit die Rahmen oder Punkte angezeigt werden.
Ich verwende als Layout den SoSci Survey Squares.

Danke für die Hilfe.

Answer 1

Auf der mobilen Version werden im Hochkantformat nur die Nummern mit breitem Rahmen angezeigt. Ist etwas weniger schön, geht aber noch.

Über Optik lässt sich diskutieren - und Zahlen sind eigentlich auch keine klassischen Auswahloptionen, die Frage ist eher für Texte ausgelegt. Der wesentliche Punkt ist, dass man die Kästchen mit dem Finger deutlich besser trifft als die kleinen Radio-Buttons.

Wenn man aber auf der mobilen Version auf Querformat wechselt, dann wird zwar die grafische Verankerung gezeigt, aber die Blöcke oder die weissen Auswahlpunkte fehlen komplett.

Das wiederum klingt nach einem Darstellungsfehler. Möchten Sie vielleicht einen Pretest-Link direkt zur betroffenen Seite posten? Dann sehen wir uns das einmal an. Danke.

Comments

Hi,

Frage GE05 ist z.B. so ein Fall, ich habe aber in der Form mehrere Fragen im Questionnaire.

https://www.soscisurvey.de/TUMchangecommunication2023/index.php?i=QUOOJ5ZW9V0X&rnd=MFDV

---

Ich sehe das Problem, danke. Ursache ist, dass der Hintergrund und die Kästchen dieselbe Farbe haben. Das wiederum kommt dadurch zustande, dass im Layout für die nicht-schattierten Zeilen auch die Schattierung als Hintergrundfarbe eingestellt ist.

Als kurzfristigen Workaround können Sie in der Frage einstellen, dass Sie die Schattierung deaktivieren möchten. Alternativ können Sie auf der Seite folgenden PHP-Code ergänzen:

#GE05_qst div.shadeF0 {
  background-color: transparent;
}

Wir sehen uns das Layout in Hinblick auf dieses Problem nochmal genauer an...

---

funktioniert mit dem workaround, Danke!