Feedback-Symbole im IAT verkleinern/vergrößern

Question

Hallo zusammen,

kann man bei einem IAT bzw. SC-IAT die Größe der Feedback-Symbole (grüner Kreis bei richtiger Antwort und rotes Kreuz bei falscher Antwort) ändern?

Liebe Grüße

Answer 1

Beim regulären IAT wird für das Kreuz (entspr. der Literatur) ein kleines "x" verwendet. Die Schriftgröße können Sie per CSS festlegen:

pageCSS('
  div.iat div.fail {
    font-size: 160px;
  }
');

Prinzipiell kann damit auch die Position etc. angepasst werden. Auch Bilder können mit ::before aingebunden werden.

Beim SC-IAT werden Grafiken verwendet. Deren Größe können Sie wie folgt anpassen:

pageCSS('
  div.feedback-area div.symbol {
    top: 25%;
    height: 50%;
  }
');

Comments

Vielen Dank, das hat super geklappt!

---

Ist es auch möglich den Code im Fragebogen mit einzubauen, wenn man durch eine Zettelziehung verschiedene SC-IATs, je nach ausgeloster Gruppe, auf der Fragebogenseite programmiert hat?
der Code der auf der Fragebogenseite steht lautet:
if (value('ZU02') == 1) {
  question('IA10');
} elseif (value('ZU02') == 2) {
  question('IA11');
} elseif (value('ZU02') == 3) {
  question('IA16');
} elseif (value('ZU02') == 4) {
  question('IA17');
}

wir hätten nun gerne bei allen SC-IATs (unabhängig von der ausgelosten Gruppe) eine verkleinerte Anzeige der Feedback-Symbole.

Liebe Grüße

---

Der obige CSS-Code ist unabhängig von der angezeigten Frage.

Wenn man die Frage-Kennung im CSS-Code braucht (bei einigen anderen Anpassungen), dann kann man dies einfach per Platzhalter erledigen. Diesen würde man im IF-Filter definieren und dann im CSS-Code verwenden.

if (value('ZU02') == 1) {
  question('IA10');
  replace('%iatID%', 'IA10');
} elseif (value('ZU02') == 2) {
  ...