SVG Frage. Anpassung an das Design

Question

Hallo,

Ich habe eine SVG Datei erstellt die es erlaubt die folgenden Begriffe in der Wörterbox mit einem klick zu markieren:

https://www.soscisurvey.de/CrowdWork/?act=LyXzLqnyrdHnaZK9Is7agRLn

Leider ändert sich der Farbe der Felder sobald ein weiteres mal auf das Feld geklickt wird.
Das passiert lediglich wenn ich die SVG-Felder auf Sosci definiere. Wenn ich die Felder nicht definiere wird nur die schwarze Markierung angezeigt (auch bei wiederholtem anklicken).

Kann dieser "Anpassung an das Layout" - button auf Sosci ausgestellt werden?

Beste Grüße

Answer 1

Ich habe eine SVG Datei erstellt die es erlaubt die folgenden Begriffe in der Wörterbox mit einem klick zu markieren

Ist gut geworden!

Ergänzen Sie auf der Fragebogen-Seite bitte einmal folgenden PHP-Code:

pageCSS('
  .SelBox.hover {
      background-color: transparent !important; 
      border-color: transparent !important; 
  }
');

SoSci Survey verwendet dafür standardmäßig die Farbe für "Item-Zeilen - bei Mausberührung" aus dem Layout.

Die Farbe, welche für den "Hover" Effekt verwendet wird, liest die SVG-Auswahl aus einem Element mit der ID "SV02_style_hover" aus, welches wiederum auf Basis der obigen CSS-Anweisung formatiert wird. Nachdem ich das nicht ohne weiteres im Browser testen kann, warte ich jetzt einfach gespannt auf Ihre Feedback ;)

Comments

Ok, habe das erste Feld Probehalber auf hellblau gesetzt. Das zweite Feld habe ich neu gemacht und dann Füllung sowie Rahmen wieder auf "ohne Farbe" gesetzt. Wird wieder nicht erkannt von Sosci.

---

Okay, beim ersten Feld sehen Si nun, dass es funktioniert. Wenn es nicht ausgewählt ist, ist es blau - wenn man es anklickt, wird es schwarz. Next step: Tragen Sie als Farbe "weiß" ein.

Alternativ lassen Sie es schwarz oder blau und stellen in der Frage bei "Gestaltung der Knöpfe" die Option "Anpassung aller wählbaren Bereiche an das Layout". Welche Farbe das Layout verwendet, können wir dann mittels CSS anpassen.

> Das zweite Feld

Mit "stroke:none" ud "fill:none" ist da einfach kein Rahmen, also gibt es kein Element, welches klickbar wäre. Sie sollten sowohl einen Rahmen als auch eine Füllung einstellen, damit der Klick überhaupt technisch möglich ist. Die Füllung können Sie dann ggf. auf 0% deckend setzen.

---

Danke. Ich habe die erste Wörterbox gebaut und es hat funktioniert:

https://www.soscisurvey.de/CrowdWork/?act=RSJ11tAUKEvtoVQKBjkeWUp5

Bei den anderen zwei Boxen habe ich 1:1 das Selbe gemacht. Hier funktioniert es noch nicht ganz. Könnte Sie nachsehen woran das liegt?

https://www.soscisurvey.de/CrowdWork/?act=wACjW8gbQSx72MHIR8B94CXg

und hier:

https://www.soscisurvey.de/CrowdWork/?act=i3LXAnTfGHkHPs3XHkUiO0uO

Danke!

---

Auf den ersten Blick scheinen alle drei gleichermaßen zu funktionieren. Was ist es denn, das "noch nicht ganz" funktioniert?

---

oh ich wollte den Beitrag löschen. Hatte bei den anderen zweien eine andere Einstellung bei der Füllung, wodurch es Probleme gemacht hat. Hat sich erübrigt.

Vielen Dank!