change the size of radio buttons in likert trials #1087
-
|
Hi jsPsychers, I'm pretty new to css and javascript in general. Is it possible to change the size of radio buttons in survey-likert type trials? I want to make them bigger. I've been trying to tweak some lines in the following block in jspsych-suvey-likert.js but haven't succeeded. Any suggestions? var html = ""; |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
Hi @sonhkim! The comments on this stack overflow question mostly suggest setting the height and width of the input[type="radio"] elements. And if you add If you want to edit the survey-likert plugin, then you can add this to the 'input[type="text"] {height: 35px; width: 35px; vertical-align: middle;}'Or you could add some <head>
<script src="jspsych-6.1.0/jspsych.js"></script>
...
<style>
input[type="radio"] {height: 35px; width: 35px; vertical-align: middle;}
</style>
</head> |
Beta Was this translation helpful? Give feedback.
-
|
Thanks, it worked! |
Beta Was this translation helpful? Give feedback.
Hi @sonhkim! The comments on this stack overflow question mostly suggest setting the height and width of the input[type="radio"] elements. And if you add
vertical-align: middlethen the larger radio buttons will be centered with the option text, rather than sticking out above it.If you want to edit the survey-likert plugin, then you can add this to the
htmlstring:'input[type="text"] {height: 35px; width: 35px; vertical-align: middle;}'Or you could add some
<style>tags to the<head>section of your HTML file, like this: