I'd like to have the question answers on the same row as the question itself, tdpartner has done this a couple years ago for a question of type 'short answer' but the solution does not seem to apply in my case. Has been posted here in answer #97286 .
I would also like to increase the width between the columns of the answers of "Yes", "No", "Don't know"

you can adapt (elements, classes) something starting from:
(paste this js code in the group description or in your first question help area;)

Ben_V wrote: you can adapt (elements, classes) something starting from:
(paste this js code in the group description or in your first question help area;)

Code:

<script type="text/javascript"> $(function(){ $( "<style type='text/css' media='screen and (min-width:481px)'>" + ".answers-wrapper li { display:inline;padding-right:20px !important; }" +"</style>").appendTo( "head" ); }); </script>

Thanks for your reply, do I have to do any CSS styling or is the CSS style embedded in the java? because simply using your script in my question box does not work, and the javascript should be enabled because i'm using another javascript in another question which works fine. I'm btw using some deafult template

Probably this does not work because css classes are wrong and you have to adapt this part:
Make a test with only the <li> element and find a working class to affect only radio buttons question type..
If you can't... give us a link to an activated survey

And take care: a single line may be too long for people that answer your survey on a tablet/mobile phone....

tammo wrote: And take care: a single line may be too long for people that answer your survey on a tablet/mobile phone....

That's why the code includes media query statement...

Nice workaround Ben but one note - that will affect all list-radios on a page.

If you want to target single questions, you could add something like this to the questions source:
And then add something like this to template.css:

tpartner wrote: If you want to target single questions, you could add something like this to the questions source:

as ever... Tony bringing any javascript approach close to perfect

Thanks Ben_V and tdpartner for your answers.

I have tried both of your solutions but none of them seems to work on the default template, i guess i have to play around a little bit in the template.css, anyhow here's an activated survey with tdpartner's solution applied without any success

In your example, you are using the "Display columns" setting. You need to remove that. Additionally, you didn't add the CSS I provided. You need to make a copy of the default template and edit it.

tpartner wrote: In your example, you are using the "Display columns" setting. You need to remove that. Additionally, you didn't add the CSS I provided. You need to make a copy of the default template and edit it.

Sorry, my bad, I forgot to change the template for the survey, it has been done now, also "Display columns" is changed from 3 to nothing i.e. 1, (once you fill anything in "Display columns" you cant change it back to be 'blank' but only 1.)