Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:create:questions:svg-select [13.08.2017 15:01]
msd-media [SVG als Auswahl]
de:create:questions:svg-select [08.11.2019 23:22]
d.aulenkamp [Justierung der Farben]
Zeile 9: Zeile 9:
 ===== 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.
Zeile 48: Zeile 48:
 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.
de/create/questions/svg-select.txt · Zuletzt geändert: 08.11.2019 23:22 von d.aulenkamp
 
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki