Button (buttonToPage) vergrößern; für die Darstellung auf dem Tablet

Question

Liebes Team,

Ich möchte im Fragebogen einen zusätzlichen Button, der durch die Funktion buttonToPage eingefügt wurde, vergrößern. Dafür habe ich zunächst die Schriftgröße des Buttons im selben Code durch um den eingefügten Text erhöht.

Wenn ich den Fragebogen nun am Computer laufen lasse, wird der ganze Button und die Schrift, wie gewünscht, vergrößerst dargestellt. Rufe ich den Link allerdings mit einem Tablet auf (darauf soll die Studie letztendlich laufen), ist die Schriftgröße und die Breite des Buttons angepasst, aber der Button so schmal (in seiner Höhe), dass man den Inhalt nicht mehr lesen kann. Die Größe des Buttons ist für die Vermeidung von Demand Charcteristics äußerst wichtig; er sollte gleich groß wie der Weiter Button sein.

Über den HTML Code des Fragebogens habe ich geschafft, die Größe des regulären "Weiter" Buttons zu verändern; das hatte allergeringstes keinen Einfluss auf den zusätzlichen Button.

Dann habe ich versucht, über den HMTL Quelltext des Fragebogens auf der Seite "Fragebogen zusammenstellen" (?) durch die Entwickler Funktion des Browsers den Code für den Button zu finden. Daran bin ich leider gescheitert und weiß nun nicht weiter.

Gibt es Vorschläge, wie ich das lösen kann?

Vielen Dank im Voraus.

Comments

Könnten Sie bitte einen Pretest-Link direkt zur betroffenen Seite posten? Dann helfe ich Ihnen gerne mit dem passenden Code weiter.

---

Vielen Dank! Ich habe nun einen Pretest Link erstellt zu einem Fragebogen, der nur die betroffenen Seiten enthält. Es handelt sich um eine Spendenaufgabe, bei der die Probanden eine Spende durch das Bewegen der Münze auf dem Bildschirm generieren können. Wir wollen schauen, wer wieviel Zeit mit der Aufgabe verbringt.

https://www.soscisurvey.de/test146554/?act=WVLwvQINCwRNvlksmAsGJSun

Answer 1

Das HTML-Tag <font> ist schon seit 10 Jahren veraltet und sollte nicht mehr verwendet werden. Macht nur Ärger ;)

Versuchen Sie es stattdessen bitte mit folgenden CSS-Code:

button {
    font-size: 160%;
    padding: 0.4em 1em;
}

Sie können den Code entweder direkt im Fragebogen-Layout unterbringen oder wie folgt auf einzelnen Seiten einbinden:

pageCSS('
  input.button {
    font-size: 160%;
    padding: 0.8em 2em;
  }
');

Ob Sie die Schriftgröße in Prozent oder Pixel angeben und was Sie für den Abstand verwenden, müssen Sie natürlich ausprobieren.