Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:questions:svg-select [12.08.2017 21:57] – angelegt admin
+++ de:create:questions:svg-select [13.08.2017 15:01] – [SVG als Auswahl] msd-media
@@ Zeile 5: / Zeile 5: @@
 **Warnung:** Ältere Browser können SVG-Grafiken nicht oder nicht korrekt darstellen.
-**Hinweis:** Dieser Fragetyp unterstützt im Moment nur die Auswahl einer Option. Die Implementierung einer Mehrfachauswahl steht noch aus.
@@ Zeile 41: / Zeile 40: @@
 Klicken Sie auf ein Element, um dessen ID automatisch in der Item-Schnelleingabe (unten) einzutragen. Ergänzen Sie noch eine Beschreibung für die Auswahloption (diese wird u.a. als Tooltip angezeigt, wenn der Teilnehmer über die Option fährt) und klicken Sie auf das nächste Element, um mit diesem fortzufahren.
+**Tipp:** Verwenden Sie nur Flächenelemente (Rechteck, Kreis, Polygon, ...) als Elemente für die Auswahl. Prinzipiell können zwar auch Gruppen und Texte verwendet werden, aber bei diesen sieht man die Auswahl nicht, weil sie weder Rahmen noch Hintergrundfarbe besitzen.
+===== Justierung der Farben =====
+Wenn die Maus über ein auswählbares Element fährt oder der Teilnehmer ein Element durch Anklicken auswählt, dann verändert das Element seine Farbe. Welche Farben SoSci Survey als Rahmen- und Hintergrundfarbe verwendet können Sie im [[:de:create:layout|Fragebogen-Layout]] einstellen im Karteireiter //Fragebogen-Elemente// -> //Auswahl-Taster//.
+Falls Die diese Einstellung im Layout nicht generell ändern möchten (sie betrifft z.B. auch Ausawhlfragen, die als Kärtchen dargestellt werden), können Sie im Karteireiter //HTML-Vorlage des Layouts// im ''<style>''-Bereich auch Definitionen für ''SelBox.svg'', ''SelBox.svg.hover'' und ''SelBox.svg.selected'' hinterlegen. Für die Formatierung der Auswahl wird die Rahmenfarbe (''border-color'') und die Hintergrundfarbe (''background-color'') verwendet. Ändern Sie die Rahmenbreite bei Bedarf direkt in der SVG-Grafik.