Polaritätenprofil mit Zeichen anstelle von Zahlen

Question

Guten Tag,

bei einer Frage "Polaritätenprofil" möchte ich anstelle der numerischen Verankerung der Skalenpunkte mit 2 / 1 / 0 / 1 / 2 eine Verankerung mit ++ / + / 0 / + / ++

Ist das umsetzbar?

Answer 1

Am einfachsten erstellen Sie eine Grafik mit den 5 gewünschten Symbolen (vorsicht, der Bindestrich (-) und das Minus (−) sind unterschiedliche Zeichen), speichern die Fragik als PNG-Datei und laden diese in Ihr Befragungsprojekt hoch. Anschließend wählen Sie die Grafik als "Grafische Verankerung" in dem Polaritätenprofil aus.

Comments

Wenn ich den Pretest-Link von oben ansehe, dann finde ich im Quelltext der Seite den besagten CSS-Code nicht. Könnten Sie wohl bitte nochmal überprüfen, ob das Element auf derselben Seite wie PO01 eingebunden ist?

---

Folgender Code ist in einem "PHP-Fenster" auf der Seite, vor der eigentlichen Fragen, eingebunden:

pageCSS('
  #PO01_head div.s2layoutMatrix {
    display: block;
  }
  #PO01_head div.s2item > div.s2input.s2scale {
    flex-direction: row;
  }
');

---

Danke für den genauen Code. Das Problem liegt darin, dass das Layout diesen CSS-Code zu weit vorne platziert. Aber das können wir durch eine explizite Priorisieung (zweimal "!important") einfach ändern:

pageCSS('
  #PO01_head div.s2layoutMatrix {
    display: block !important;
  }
  #PO01_head div.s2item > div.s2input.s2scale {
    flex-direction: row !important;
  }
');

---

Danke für die Anpassung.

Auf dem Desktop sieht es gut aus. Auf der Handyansicht passt die visuelle Verankerung jedoch nicht mehr zu den Skalenpunkten.

Haben Sie eine Idee, wie wir das anpassen können?

---

Ja, aber die funktioniert nicht generisch, sondern nur für Ihren individuellen Fall:

@media (max-width: 576px) {
  #PO01_head div.s2item > div.s2input > div.s2label {
    flex-basis: 28px !important;
  }
}

(dieser CSS-Code kommt noch in das PageCSS('...') hinein)