Vertikale Skalen und Anweisungen bei kombinierten Fragen

Question

Ich würde gerne die verbalen Skalenwerte meiner kombinierten Frage vertikal anzeigen lassen. Außerdem hätte ich gerne über jeder der drei Skalen nochmals eine kurze Anweisung damit klar ist, welche Skala für welchen Frageteil gedacht ist. Ist so etwas prinzipiell möglich? Zur Verdeutlichung einmal ein Screenshot wie es derzeit bei mir aussieht und wie es eigentlich aussehen soll.
So sieht es derzeit aus:

So soll es aussehen (und darüber steht die übergeordnete Frage):

Answer 1

Die Anweisungen bekommen Sie mit der Einstellung "Text über den Items" in der Frage.

Das mit den vertikalen Beschriftungen ist im Internet eher ungewöhnlich ... denn die Browser sind nicht so erpicht auf vertikalen Text. Aber mit ein wenig CSS bekommt man das natürlich auch hin.

Ergänzen Sie mittels PHP-Code den folgenden CSS-Code (alternativ können Sie den CSS-Code auch im Layout platzieren, dann sieht man es auch direkt in der Vorschau):

pageCSS('
  div.vert {
    height: 100px;
    width: 20px;
    overflow: hidden;
    position: relative;
  }
  div.vert > span {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 20px;
    text-align: left;
    transform: rotate(270deg) translate(-20px, 5px);
    transform-origin: 0 0;
  }
');

Bei den Beschriftungen notieren Sie dann noch ein <div class="vert"><span> davor und ein </span></div> dahinter, also z.B.

<div class="vert"><span>Trifft überhaupt nicht zu</span></div>`

Die exakten Maße, insbesondere das 100px müssen Sie noch nach Bedarf anpassen. Und die Breite der Auswahloptionen müssten Sie in der Frage auf ca. 30 einstellen.

Comments

Vielen Dank für die schnelle und gute Antwort :)