Ist es möglich die Summenanzeige bei offener Texteingabe in Prozent farbig anders als den Rest der Frage zu hinterlegen?

Question

Ich würde die Sommenanzeige bei der offenen Texteingabe in Prozent gerne farbig hervorheben, habe aber in den Einstellungen des Layouts und der Frage nichts dazu gefunden. Ist es möglich die Farbe der Summen-Zeile zu ändern?

Answer 1

Es kommt darauf an, welche Kennung die Frage hat (hier im Beispiel AB01) und wie viele EIngabefelder Sie haben (hier im Beispiel 3). Abhängig davon können Sie mit ein wenig CSS die (z.B. Hintergrund-)Farbe ändern:

pageCSS('
  div#AB01_qst tr.s2row4 td {
    background-color: #FF9900;
  }
');

Comments

Vielen Dank für die schnelle Antwort und das Beispiel!
Wenn ich den Vorgeschlagenen CSS-Code in ein zusätzliches HTML-Feld beim Fragebogen zusammenstellen kopiere und die Fragen Nummer auf A102 ändere und die Zeilenangabe auf row6 (es gibt 5 Zeilen + die Summenzeile) ändere passiert leider nichts.
Muss ich eventuell noch etwas bei "tr.s2row6" anpassen?

---

Pauschal ist das schwer zu beantworten. Posten Sie gerne einen Pretest-Link direkt (!) zur betroffenen Seite im Fragebogen, dann werfe ich gerne einen Blick in den HTML-Quellcode der Seite. Sehr hilfreich sind übrigens auch die Entwickler-Tools des Browsers (v.a. Firefox und Chrome). Dort finden Sie die korrekten HTML-IDs relativ schnell.

---

Vielen Dank!
Hier ist der Pretest-Link:
https://www.soscisurvey.de/FreshwaterResearchAgenda/?act=LV6ESJCAees8EoSiSIyCSWzL
Es geht um alle Fragen, bei denen eine Summe gebildet wird.

---

Ich habe mir aufgrund des Administrator-Zugangs zum Projekt aus Ihrer anderen Frage erlaubt, folgenden PHP-/CSS-Code einzufügen:

pageCSS('
  div#A102_qst table.question tr.s2row6 td,
  div#A202_qst table.question tr.s2row11 td,
  div#A302_qst table.question tr.s2row9 td {
    background-color: #FF9900;
  }
');

Jede Zeile steht hier für eine Frage auf der Seite (die ersten 3 Fragen in diesem Fall). Dies ist notwendig, weil die Summen-Zeile jeweils eine andere ist.

In meiner ursprünglichen Antwort war nach dem DIV ein Punkt statt einem Hash-Zeichen (nun geändert). Daher hatte es nicht funktioniert.

---

Vielen Dank! Jetzt hat alles funktioniert!