Layout des Fortschrittbalkens modifizieren

Question

Liebes Sosci-Survey-Team,

ich würde gern den Fortschrittbalken und die Buttons etwas anpassen (Animationen mittels CSS).
Ist es möglich das direkt im Template zu tun oder ein anderes CSS-File für das Template (z.B. via github) zu importieren, welches auch ausgelesen wird?

Vielen Dank,

Robin Bachmann

Answer 1

Sie können mittels CSS im Template direkt Einfluss auf den Fortschrittsbalken nehmen.

Darüber hinaus stellt SoSci Survey ein paar (bisher kaum dokumentierte) Möglichkeiten bereit, leichter auf den Fortschrittsbalken zuzugreifen: SoSciTools.Progress

SoSciTools.progress.addEventListener(funktionABC);

function funktionABC(info) {
  // info.indicator = gefärbter Teil des Balkens
  // info.label = Textknoten im Fortschrittsbalken
  // info.progress = Wert [Prozent]
  // info.previous = Wert auf der vorherigen Seite [noch in Arbeit]
}