In der dynamischen Darstellung schränkt SoSci Survey einige Darstellungsdetails ein (u.a. die mittige Darstellung der Auswahlfelder), um eine automatische Anpassung auf Mobilgeräten zu ermöglichen.
Sie können im Layout im <style>
-Bereich folgenden CSS-Code ergänzen, um die Auswahlfelder mittig anzuzeigen:
div.s2question div.s2items.flex > div.s2item {
align-items: center;
}
Oder alternativ (z.B. zum Testen) per PHP-Code direkt auf der betroffenen Seite im Fragebogen:
pageCSS('
div.s2question div.s2items.flex > div.s2item {
align-items: center;
}
');
Allerdings führt das dazu, dass der Trennstrich zwischen Auswahloptionen und Ausweichoption nicht mehr durchgängig dargestellt wird.
Das lässt sich mit folgender Lösung umgehen, die aber nur für jeweils eine Frage wirksam ist und auf jeder Seite individuell platziert werden müsste:
pageCSS('
#R201_tab div.s2input div.s2options, #R201_tab div.s2input div.s2dk {
align-items: center;
height: 100%;
}
');
Das wiederum führt zu einer eingeschränkt hübschen mobilen Darstellung. Auch das könnte man nochmal optimieren, aber das wird dann zunehmend kompliziert und fehleranfällig.