Form oder Farbe eines zusätzlichen Buttons ändern

Question

Liebes SosciSurvey Team

Ich habe mit "buttonToPage" einen Button eingefügt:

html(
  '<div style="text-align: center; margin: 2em 0"; background:#DD; >'.
  buttonToPage('alternativ', 'zur alternativen Aufgabe').
  '</div>'
);

Ich möchte gerne die Form (z.B. rund) und/oder Farbe (z.B. Hintergrund) dieses einzelnen Buttons ändern. (Weiter-Button soll jedoch gleich bleiben.)
Ich habe zuerst versucht, das im div-Tag zu ändern (z.B. background-color: ... ), dann hatte ich versucht, in der HTML-Ansicht eventuell etwas zu verändern, beides leider erfolglos.
Gibt es einen anderen Weg dafür?

Herzlichen Dank für die Hilfe.
Freundliche Grüße

Answer 1

Werfen sie zunächst einen Blick in den HTML-Quellcode der Fragebogen-Seite (am besten mit den Entwicklerwerkzeugen Ihres Browsers, dort kann man den Knopf direkt auswählen). Sie sollten dann einen HTML-Code etwa wie folgt finden:

<button type="submit" name="submitGo" id="submit_alternativ" class="buttonToPage" value="alternativ">zur alternativen Aufgabe</button>

Das entscheidende ist hier die HTML-ID "submit_alternativ", denn diese können Sie verwenden, um im Frgebogen-Layout in der "HTML-Vorlage" im <style>-Bereich CSS-Befehle für den Knopf unterzubringen:

button#submit_alternativ {
  text-align: center;
  margin: 2em 0;
  font-family: "Comic Sans";
}

Comments

Herzlichen Dank für die Antwort, es funktioniert super!! :-)