Wie kann ich die Standard-Checkbox-Häkchen über meinen eigenen Icon-Checkboxen verhindern?

Question

Hallo!

Ich baue in SoSci eine Social Media Oberfläche mit HTML, die eigene Checkbox-Buttons (Herz, Kommentar, etc.) enthält. Diese Checkboxen sind mit SoSci-Variablen verknüpft und werden über PHP eingebunden. Trotz appearance: none werden beim Klicken, z. B. beim Liken, weiterhin die Standard-Häkchen angezeigt.

Wie kann ich das verhindern?

Answer 1

SoSci Survey bzw. das Fragebogen-Layout ergänzt für Auswahlfelder eine Menge eigenes Layout mittels CSS. Da müssen Sie ggf. noch weitere Regeln überschrieben als nur das appearance. Die Entwickler-Konsole im Browser zeigt Ihnen, was genau.

Es gibt aber eine deutlich einfachere Lösung: Sie können die Auswahlfelder in einer SVG-Grafik erstellen (z.B: mit InkScape) und dann die "SVG-Mahrfachauswahl" in SoSci Survey als Fragetyp verwenden. Dort können Sie Formen in der Grafik einfach als Knöpfe nutzen.

Comments

Vielen Dank für die Antwort! Ich habe nun SVG Mehrfachauswahl mit Like, Comment,… ich schaffe es leider nicht diese in meine Sidebar in der HTML zu platzieren. Ist das überhaupt möglich oder können diese Icons nur außerhalb funktionieren? Wenn ich nämlich die SVG Auswahlfrage mittels Platzhalter in meinen HTML code gebe, sind wieder nur Checkboxen und nicht das Herz, ect,… sichtbar? + Kann ich bei einer Frage nur eine SVG Datei hineinladen?

---

Wenn die Platzierung der SVG-Auswahl mittels Platzhalter noch nicht funktioniert, muss ich mir das einmal ansehen. Geben Sie mir dafür einen Tag oder zwei.

---

Vielen Dank für die Bemühungen! Mit den Antworten zu meiner anderen Frage hat sich das Problem aufgelöst.