Prevent line break in long horizontal survey-multi-choice plugin

[hue...@gmail.com]

Hi,
I tweaked the survey-multi-choice plugin a little to use it as a likert-scale - but one that fits better to what I need compared to the actual likert-scale plugin. However, now I have one problem left and that is that there seems to be a maximal width that is reached with my horizontal layout and the last option is presented on a new line. Is there a way (e.g., in the plugin source) to increase the maximum width?

this is what it looks now:

NOT AT ALL o 1 o 2 o 3 o 4 o 5 o 6
o 7 VERY MUCH

this is what I want it to look:

NOT AT ALL o 1 o 2 o 3 o 4 o 5 o 6 o 7 VERY MUCH

It works, if the labels are smaller or there are less options. So, it just seems to exceed a width limit. Any help is appreciated.
Thanks,
Torsten

[hue...@gmail.com]

Okay, I kind of solved my problem not by increasing the maximum width but by adjusting some values in the jspsych.css (jspsych-survey-multi-choice plugin) to make the spaces between the options and between the radio buttons and the labels smaller.

Although this works for now, I'd appreciate any hint as to whether there is also a maximum-width value that could be changed to avoid line breaks for long horizontal layouts of the survey-multi-choice plugin.
Thanks,
Torsten

[Josh de Leeuw]

Sounds like you are using the CSS from v5.0.3, in which case you can change the width here:

.jspsych-display-element {
	width: 800px;
	margin: 50px auto 50px auto;
	}

--
You received this message because you are subscribed to the Google Groups "jsPsych" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jspsych+u...@googlegroups.com.
To post to this group, send email to jsp...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/jspsych/a440ad39-529d-41f3-a17b-757b82471e3d%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.