Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

change the radio button in horizontal layout

  • chinglnc
  • chinglnc's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
13 years 10 months ago #42271 by chinglnc
Replied by chinglnc on topic change the radio button in horizontal layout
www.flickr.com/photos/49646445@N03/4584088877/

As you can see from the link, when i change the positon of the answer,
the radio button doesn't go together it.

How should i do that? I would like the radio button next to the answer all the time

Thanks
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
13 years 10 months ago #42273 by holch
I wouldn't recommend to center the answer options. It is always better to have all radio buttons in one vertical line, as it makes it a lot easier to click.

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

The topic has been locked.
  • chinglnc
  • chinglnc's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
13 years 10 months ago #42275 by chinglnc
Replied by chinglnc on topic change the radio button in horizontal layout
Is it possible to have them in one vertical line but in the centre?
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
13 years 10 months ago #42280 by tpartner
Replied by tpartner on topic change the radio button in horizontal layout
Not really because different length answers will force the radio buttons into different positions.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
13 years 10 months ago #42285 by holch
Well, depending on the layout of your template, you could always play with the width of the element your question is in, or with margin and padding.

but depending on your template this might have an impact on all questions. If there is an id that css can adress, then this would be an option.

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

The topic has been locked.
More
13 years 1 day ago #58442 by hjd
Hi tpartner,

Would you please let me know how to change the size of radio button in the list-radio and array?

I tried
.list-radio {
width: 5em;
height: 5em;
}

but it didn't work.

Thanks
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
13 years 1 day ago #58443 by tpartner
Replied by tpartner on topic change the radio button in horizontal layout
You cannot change the size of radio button (or checkbooxes) with CSS.

There is a workaround to replace them with images here but I don't know whether it works for 1.90.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
More
9 years 10 months ago #108242 by Foram
Hi,
Can you help me with check boxes? How to make check boxes horizontally aligned ?
The topic has been locked.
More
9 years 10 months ago #108244 by Ben_V
in the advanced settings of your question look for "Display columns" and put the number of columns you need (I don't remember the limit allowed, maybe 7 or 9)

Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
The topic has been locked.
More
9 years 10 months ago #108246 by Foram
ohhh...It is working...Thanx... :) :) :)
The topic has been locked.
More
6 years 1 week ago #165084 by nadals
I am using the latest version of LS (3.4.x). The CSS class names have changed in the past 7 yrs. So the CSS posted in earlier posts no longer work.

Can someone provide the new custom CSS to make the Single Choice radio button options appear hoizontally instead of in multiple rows?

Thanks.
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 1 week ago #165094 by Joffm
Hi, nadals,
you just want to make the radios appear horizontally?

Just set "display columns":


Or is there something else you would like to have?

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose