Skala Bildquelle austauschen

Question

Hallo!

Ich möchte den Fragebogenteilnehmer*innen eine Auswertung in Form einer Skala geben. Meine Likertskala geht von 1 bis 4 und auch die auswertende Skala soll diese Spannweite symbolisieren. Leider ist die Vorlage jedoch auf eine 6-stellige Likertskala angepasst:

Nun wollte ich versuchen die Skala durch eigenes Bildmaterial zu ersetzen. Dazu habe ich in meinem Content-Management-System zwei Bilder hochgeladen: Einmal für die Skala und einmal für den Anzeiger. Der Anzeiger wird auch dargstellt, die Skala jedoch nicht. Hier nocheinmal der HTML Code, wo ich mein Bildmaterial eingesetzt habe:

<div style="position: relative; margin: 0 auto; width: 400px; height: 25px; background-image:url('https://cdn.shopify.com/s/files/1/2208/6899/files/tastskala.png?2597853004765563197')">
<div style="width: 386px; margin: 0 auto; position: relative;">
	 <img src="https://cdn.shopify.com/s/files/1/2208/6899/files/anzeigerneu.png?2597853004765563197" alt="" style="position: absolute; left: %xValue*100%%; margin-left: -7px" /> 
</div>

Kann mir jemand helfen, warum meine Skala nicht angezeigt wird? Bzw hat eine Idee, wie ich die Skala anderweitig auf eine 1-4 Darstellung umstellen kann?

Vielen Dank im voraus,
Amelie

Answer 1

Der Code sieht auf den ersten Blick korrekt aus und auch der Link scheint zu funktionieren. Wobei die Grafik wirklich noch Optimierungspotenzial hat...

Warum es im Fragebogen nicht funktioniert, kann ich spontan nicht sagen. Wenn Sie einen Pretest-Link posten, der direkt zur entsprechenden Seite führt, kann ich es mir aber gerne ansehen.

Wenn nur der Regler/Positionsanzeige nicht korrekt angezeigt wird, prüfen Sie bitte den Platzhalter %xValue*100% - womöglich ist %xValue% in Ihrem PHP-Code nicht korrekt als Platzhalter vorbereitet.

Bzw hat eine Idee, wie ich die Skala anderweitig auf eine 1-4 Darstellung umstellen kann?

Generell können Sie Bilder auch direkt in SoSci Survey in Ihr Projekt-Verzeichnis hochladen. Und wenn Sie ein klein wenig Zeit haben (?), dann können wir auch eine kleine 4-stufige Skala für die Ausgabe bereitstellen.

Comments

Danke für die schnelle Rückmeldung!
Keine Sorge..Die Grafiken sind nur zum Testen gedacht ;) Wenn alles funktioniert, gebe ich meinem Grafik-Team eine Skala mit dem Farbschema unserer Firma in Auftrag.

Das Problem ist jedoch nicht der Regler, sondern die Skala, die nicht angezeigt wird.

Hier der Link zum Pre-Test: https://s2survey.net/selbsttest_achtsamkeit/?act=W8eqJm6FUacjQV04Ej6yoE2N

Viele Dank für die Hilfe!

---

Okay, die Lösung war denkbar einfach: Die Grafik wird korrekt angezeigt, Sie sehen sie nur nicht :)

Ihre Grafik hat einen dicken weißen Rand. Im Fragebogen werden nur die übrigen 25 Pixel der Skala angezeigt - und diese sind weiß.

Wenn Sie das "height: 25px" einmal gegen "height: 250px" austauschen, sehen Sie, was ich meine.

Lösung: Rand abschneiden - und im Fragebogen F5 drücken, damit der Browser die neue Grafik dann auch holt und nicht die alte aus dem Cache verwendet.