Check out the LimeSurvey source code on GitHub!
Welcome, Guest
Username: Password:
  • Page:
  • 1
  • 2

TOPIC: change the radio button in horizontal layout

change the radio button in horizontal layout 6 years 3 months ago #41490

  • chinglnc
  • chinglnc's Avatar
  • 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.

change the radio button in horizontal layout 6 years 3 months ago #41492

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6122
  • Thank you received: 1358
  • Karma: 534
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 Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The administrator has disabled public write access.

change the radio button in horizontal layout 6 years 3 months ago #41493

  • chinglnc
  • chinglnc's Avatar
  • 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.

change the radio button in horizontal layout 6 years 3 months ago #41494

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6122
  • Thank you received: 1358
  • Karma: 534
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 administrator has disabled public write access.

change the radio button in horizontal layout 6 years 2 months ago #41535

  • chinglnc
  • chinglnc's Avatar
  • 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.

change the radio button in horizontal layout 6 years 2 months ago #41537

  • jelo
  • jelo's Avatar
  • Offline
  • Platinum Donor
  • Posts: 1185
  • Thank you received: 143
  • Karma: 43
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.

change the radio button in horizontal layout 6 years 2 months ago #41539

  • chinglnc
  • chinglnc's Avatar
  • 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: 6 years 2 months ago by chinglnc. Reason: image didn't show up
The administrator has disabled public write access.

change the radio button in horizontal layout 6 years 2 months ago #41540

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6122
  • Thank you received: 1358
  • Karma: 534
Image?
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The administrator has disabled public write access.

change the radio button in horizontal layout 6 years 2 months ago #41541

  • chinglnc
  • chinglnc's Avatar
  • 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.

change the radio button in horizontal layout 6 years 2 months ago #41546

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6122
  • Thank you received: 1358
  • Karma: 534
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:32 KB
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The administrator has disabled public write access.

change the radio button in horizontal layout 6 years 2 months ago #42256

  • chinglnc
  • chinglnc's Avatar
  • Offline
  • Junior Lime
  • Posts: 29
  • Karma: 0
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 administrator has disabled public write access.

change the radio button in horizontal layout 6 years 2 months ago #42264

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6122
  • Thank you received: 1358
  • Karma: 534
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 administrator has disabled public write access.

change the radio button in horizontal layout 6 years 2 months ago #42271

  • chinglnc
  • chinglnc's Avatar
  • Offline
  • Junior Lime
  • Posts: 29
  • Karma: 0
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 administrator has disabled public write access.

change the radio button in horizontal layout 6 years 2 months ago #42273

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5063
  • Thank you received: 749
  • Karma: 227
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.
Have a look at the manual! It is a really valuable source for information. Here some helpful links:
Manual (EN) | Question Types | Question Attributes | Workarounds

If you found this answer helpful and it saved you some time please consider a donation to the project to keep Limesurvey going!
The administrator has disabled public write access.

change the radio button in horizontal layout 6 years 2 months ago #42275

  • chinglnc
  • chinglnc's Avatar
  • Offline
  • Junior Lime
  • Posts: 29
  • Karma: 0
Is it possible to have them in one vertical line but in the centre?
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Moderators: ITEd
Time to create page: 0.312 seconds
Imprint                   Data Protection Statement                  Revocation information and revocation form