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
Topic Author
Offline
New Member

More

14 years 6 months ago #41490 by chinglnc

change the radio button in horizontal layout was created by chinglnc

Hi

The current radio button format is in vertical layout, how do I change it to horizontal layout?

Thanks in advance

C

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

14 years 6 months ago #41492 by tpartner

Replied by tpartner on topic change the radio button in horizontal layout

Add the following to the end of template.css:

Code:

.list-radio ul li {
    display: inline;
    padding: 0 2em 0 0;
    margin-left: 0;
}

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

The topic has been locked.

chinglnc
Topic Author
Offline
New Member

More

14 years 6 months ago #41493 by chinglnc

Replied by chinglnc on topic change the radio button in horizontal layout

Hello

I can't find the Template Editor on my administration page, could you guide me where should I find this setting?

Or is this something that I have to ask the Main Administrator (the one who installed Limesurvey) to enable it?

Please advise.

p.s. I'm using v1.87

Thanks.

C

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

14 years 6 months ago #41494 by tpartner

Replied by tpartner on topic change the radio button in horizontal layout

Yes, your super-admin will need to give you the right to "Manage template".

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

The topic has been locked.

chinglnc
Topic Author
Offline
New Member

More

14 years 6 months ago #41535 by chinglnc

Replied by chinglnc on topic change the radio button in horizontal layout

Hello

I have edited the template, how should I activate/use the new template instead of the default one?

C

The topic has been locked.

jelo
Offline
Platinum Member

More

14 years 6 months ago #41537 by jelo

Replied by jelo on topic change the radio button in horizontal layout

Didn't you asked the same in the chat? Always better to ask in forum. That helps others too.

For every survey you can set the template via:
Edit survey settings - Step 1 of 2 -> Presentation & navigation -> Template.

The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users

The topic has been locked.

chinglnc
Topic Author
Offline
New Member

More

14 years 6 months ago - 14 years 6 months ago #41539 by chinglnc

Replied by chinglnc on topic change the radio button in horizontal layout

Hi

Thanks for the notes, I will post in the forum instead.

I copied the default template and renamed it, however the renamed version
doesn't seem to be the same as the default one- the image is attached.

I have tried COPY tool in limesurvey also manually "copy and paste" the folder in the server.

Any idea why it's so?

C

Last edit: 14 years 6 months ago by chinglnc. Reason: image didn't show up

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

14 years 6 months ago #41540 by tpartner

Replied by tpartner on topic change the radio button in horizontal layout

Image?

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

The topic has been locked.

chinglnc
Topic Author
Offline
New Member

More

14 years 6 months ago #41541 by chinglnc

Replied by chinglnc on topic change the radio button in horizontal layout

not sure why it didn't show up

www.flickr.com/photos/49646445@N03/4554460584/

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

14 years 6 months ago #41546 by tpartner

Replied by tpartner on topic change the radio button in horizontal layout

Hmm, strange.

Try the attached copy of the default template.

I also added a few more styles to make the list-radios match the yes-no type:

Code:

.list-radio ul {
    margin-left:0;
    margin-top:0.5em;
    padding-left:0;
    text-align:left;
}
 
.list-radio ul li {
    display: inline;
    padding: 0 2em 0 0;
    margin-left: 0;
}
 
.list-radio .answer li label {
    display: inline-block;
    width: auto;
}
 
.list-radio td.answer {
    padding-bottom:10px;
}

File Attachment:

File Name: default_chinglnc.zip
File Size:32 KB

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Attachments:

...t_chinglnc.zip

The topic has been locked.

chinglnc
Topic Author
Offline
New Member

More

14 years 5 months ago #42256 by chinglnc

Replied by chinglnc on topic change the radio button in horizontal layout

Thanks a lot!! it works!!

How should I align my answer so that the radio button is aligned at the same time?

For instance, I want to align my "answer" in the centre,however, the radio button is still at its original position (left) even after I have aligned the "answer" to the centre.

Is it possible to do that?

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

14 years 5 months ago #42264 by tpartner

Replied by tpartner on topic change the radio button in horizontal layout

I'm afraid I don't understand. Screenshot?

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

The topic has been locked.

Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans

Get started

Welcome to the LimeSurvey Community Forum

change the radio button in horizontal layout

File Attachment:

Lime-years ahead

Legal

About Us

Open Source