Wie kann ich eine IAT Oberfläche anpassen?

Question

Hallo,

ich arbeite in meinem Fragebogen mit IATs.
Für eine bessere Darstellung würde ich gerne ein paar Kleinigkeiten anpassen.
1. Das rote X für die Falschantwort bewegen -> einige Pixel nach oben oder unten
2. Kategorien bewegen -> einige Pixel nach oben oder unten
3. Farbe der Schrift (Kategorien) ändern

Gibt es eine Seite, wo ich das explizit genannte nachlesen könnte oder haben Sie hilfreiche Tips für mich?

Viele Grüße,
Michael

Answer 1

Die Formatierung des IAT erfolgt mittels CSS.

Wenn Sie im Browser Ihrer Wahl (ich empfehle Firefox) die Entwickler-Tools öffnen, finden Sie dort einen "Inspektor". Mit diesem kann man auf die einzelnen Elemente klicken. Anschließend werden die Eigenschaften (z.B. Position) in den Entwickler-Tools angezeigt.

Auf dieser Basis können Sie nun weiteren CSS-Code in die Seite einbinden - entweder mittels pageCSS() oder direkt ins Layout - und damit die Justierungen vornehmen.

Hier ein Beispiel, mit welchem Sie das rote Kreuz (ein "x" in einem DIV der Klasse "fail" innerhalb eines DIVs mit der Klasse "iat") mit den folgenden Standard-Vorgaben

position: absolute;
top: 65%;

ein Stückchen nach oben bewegen. Entweder per PHP-Befehl auf der Seite:

pageCSS('
  div.iat div.fail { top: 45%; }
');

... oder innerhalb des <style>-Bereichs im Layout

div.iat div.fail { top: 45%; }

Comments

Der Inspektor is ja echt ne super Sache.
Danke für die Hilfe =)