LimeSurvey forums :: Topic: change the radio button in horizontal layout (1/2)

Welcome, Guest

TOPIC: change the radio button in horizontal layout

change the radio button in horizontal layout 3 years 4 weeks ago #41490

chinglnc OFFLINE Junior Lime Posts: 29 Karma: 0	Hi The current radio button format is in vertical layout, how do I change it to horizontal layout? Thanks in advance C
	The administrator has disabled public write access.

Re:change the radio button in horizontal layout 3 years 4 weeks ago #41492

tpartner OFFLINE LimeSurvey Team Posts: 2869 Thank you received: 428 Karma: 246	Add the following to the end of template.css: .list-radio ul li { display: inline; padding: 0 2em 0 0; margin-left: 0; }
	Cheers, Tony LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project. The administrator has disabled public write access.

Re:change the radio button in horizontal layout 3 years 4 weeks ago #41493

chinglnc OFFLINE Junior Lime Posts: 29 Karma: 0	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 administrator has disabled public write access.

Re:change the radio button in horizontal layout 3 years 4 weeks ago #41494

tpartner OFFLINE LimeSurvey Team Posts: 2869 Thank you received: 428 Karma: 246	Yes, your super-admin will need to give you the right to "Manage template".
	Cheers, Tony LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project. The administrator has disabled public write access.

Re:change the radio button in horizontal layout 3 years 4 weeks ago #41535

chinglnc OFFLINE Junior Lime Posts: 29 Karma: 0	Hello I have edited the template, how should I activate/use the new template instead of the default one? C
	The administrator has disabled public write access.

Re:change the radio button in horizontal layout 3 years 4 weeks ago #41537

jelo OFFLINE Platinum Lime Posts: 345 Thank you received: 32 Karma: 13	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 administrator has disabled public write access.

Re:change the radio button in horizontal layout 3 years 4 weeks ago #41539

chinglnc OFFLINE Junior Lime Posts: 29 Karma: 0	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: 3 years 4 weeks ago by chinglnc. Reason: image didn't show up The administrator has disabled public write access.

Re:change the radio button in horizontal layout 3 years 4 weeks ago #41540

tpartner OFFLINE LimeSurvey Team Posts: 2869 Thank you received: 428 Karma: 246	Image?
	Cheers, Tony LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project. The administrator has disabled public write access.

Re:change the radio button in horizontal layout 3 years 4 weeks ago #41541

chinglnc OFFLINE Junior Lime Posts: 29 Karma: 0	not sure why it didn't show up www.flickr.com/photos/49646445@N03/4554460584/
	The administrator has disabled public write access.

Re:change the radio button in horizontal layout 3 years 4 weeks ago #41546

tpartner
OFFLINE
LimeSurvey Team
Posts: 2869
Thank you received: 428
Karma: 246

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:

.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: 32592

Cheers,
Tony

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.

The administrator has disabled public write access.

Forum

English support forums

Design issues

change the radio button in horizontal layout