Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:questions:scale [21.04.2021 21:01] – Neu: Vertikale Beschriftungen admin
+++ de:create:questions:scale [01.08.2023 22:11] (aktuell) – [Darstellung auf mobilen Endgeräten] admin
@@ Zeile 89: / Zeile 89: @@
   }
 }
+</code>
+===== Darstellung auf mobilen Endgeräten =====
+Auf mobilen Endgeräten zeigt SoSci Survey bei voll beschrifteten Skalen standardmäßig nicht die kleinen Auswahlfelder, sondern große Boxen, die man mit dem Finger einfach treffen kann.
+Auf sehr kleinen Displays werden die Antwortoptionen dann vertikal angeordnet. Dabei wird -- wie man es von Lautstärkereglern kennt -- die höchste Ausprägung oben, die kleinste unten platziert. Falls Sie die Optionen lieber von unten-nach-oben anordnen möchten, fügen Sie auf der Fragebogen-Seite bitte folgenden PHP-Code ein.
+<code php>
+pageCSS('
+    div.s2input div.s2options {
+        flex-direction: column !important;
+    }
+');
 </code>
@@ Zeile 135: / Zeile 151: @@
 Weiterhin reduzieren Sie in der Skalenfrage die //Breite beschrifteter Werte/Spalten// auf ca. 40 Pixel.
-Zuletzte setzen Sie die Beschriftungen der Auswahloptionen in ein ''<div>'' und ein ''<span>'' Tag, wie im folgendden Beispiel:
+Zuletzt setzen Sie die Beschriftungen der Auswahloptionen in ein ''<div>'' und ein ''<span>'' Tag, wie im folgenden Beispiel:
 <code html>
 <div class="vert"><span>Trifft überhaupt nicht zu</span></div>`
 </code>