Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungLetzte ÜberarbeitungBeide Seiten der Revision |
de:create:questions:svg-select [12.08.2017 22:20] – [Einstellungen in der Frage] admin | de:create:questions:svg-select [08.11.2019 23:22] – [Justierung der Farben] d.aulenkamp |
---|
**Warnung:** Ältere Browser können SVG-Grafiken nicht oder nicht korrekt darstellen. | **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. | |
| |
| |
===== Vorbereitung der Grafik ===== | ===== Vorbereitung der Grafik ===== |
| |
Die Elemente in der Grafik, welche später als Auswahlknöpfe dienen sollen, benötigen eine ID. Diese wird von der Zeichen-Software (z.B. das freie [[https://inkscape.org/de/|Inkscape]]) in aller Regel automatisch vergeben. Speichern Sie die Vektorgrafik im Internet-taugliche Dateiformat SVG. | Die Elemente in der Grafik, welche später als Auswahlknöpfe dienen sollen, benötigen eine ID. Diese wird von der Zeichen-Software (z.B. das freie [[https://inkscape.org/de/|Inkscape]]) in aller Regel automatisch vergeben. Speichern Sie die Vektorgrafik im Internet-tauglichen Dateiformat SVG. |
| |
**Tipp:** PDF-Dateien kann man in [[https://inkscape.org/de/|Inkscape]] öffnen, um sie in SVG-Dateien zum konvertieren. Mit dem Onlinedienst [[https://jakearchibald.github.io/svgomg/|SVGOMG]] lassen sich anschließend noch unsichtbare Artefakte in der Datei entfernen, was die Dateigröße mitunter massiv reduziert. | **Tipp:** PDF-Dateien kann man in [[https://inkscape.org/de/|Inkscape]] öffnen, um sie in SVG-Dateien zum konvertieren. Mit dem Onlinedienst [[https://jakearchibald.github.io/svgomg/|SVGOMG]] lassen sich anschließend noch unsichtbare Artefakte in der Datei entfernen, was die Dateigröße mitunter massiv reduziert. |
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//. | 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. | Falls Sie diese Einstellung im Layout nicht generell ändern möchten (sie betrifft z.B. auch Auswahlfragen, 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. |