change the radio button in horizontal layout

Mehr
7 Jahre 7 Monate her #41490 von chinglnc
chinglnc erstellte das Thema change the radio button in horizontal layout
Hi

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

Thanks in advance

C

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
7 Jahre 7 Monate her #41492 von tpartner
tpartner antwortete auf das Thema: change the radio button in horizontal layout
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.

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
7 Jahre 7 Monate her #41493 von chinglnc
chinglnc antwortete auf das Thema: 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

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
7 Jahre 7 Monate her #41494 von tpartner
tpartner antwortete auf das Thema: 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.

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
7 Jahre 7 Monate her #41535 von chinglnc
chinglnc antwortete auf das Thema: 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

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
7 Jahre 7 Monate her #41537 von jelo
jelo antwortete auf das Thema: 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.

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
7 Jahre 7 Monate her - 7 Jahre 7 Monate her #41539 von chinglnc
chinglnc antwortete auf das Thema: 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
Letzte Änderung: 7 Jahre 7 Monate her von chinglnc. Begründung: image didn't show up

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
7 Jahre 7 Monate her #41540 von tpartner
tpartner antwortete auf das Thema: 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.

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
7 Jahre 7 Monate her #41541 von chinglnc
chinglnc antwortete auf das Thema: change the radio button in horizontal layout
not sure why it didn't show up

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

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
7 Jahre 7 Monate her #41546 von tpartner
tpartner antwortete auf das Thema: 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:
.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;
}

Dateianhang:

Dateiname: default_chinglnc.zip
Dateigröße:32 KB

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

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
7 Jahre 7 Monate her #42256 von chinglnc
chinglnc antwortete auf das Thema: 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?

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
7 Jahre 7 Monate her #42264 von tpartner
tpartner antwortete auf das Thema: 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.

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
7 Jahre 7 Monate her #42271 von chinglnc
chinglnc antwortete auf das Thema: 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

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
7 Jahre 7 Monate her #42273 von holch
holch antwortete auf das Thema: change the radio button in horizontal layout
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'm not a LimeSurvey GmbH member. I answer at the LimeSurvey forum in my spare time. No support via private message.
Some helpful links: Manual (EN) | Question Types | Workarounds

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
7 Jahre 7 Monate her #42275 von chinglnc
chinglnc antwortete auf das Thema: change the radio button in horizontal layout
Is it possible to have them in one vertical line but in the centre?

Bitte Anmelden um an der Konversation teilzunehmen.

Jetzt loslegen!

Melden Sie sich jetzt an, und erstellen Sie in wenigen Minuten Ihre erste Umfrage.

Account einrichten

Abonnieren Sie unseren Newsletter

Abonnieren Sie unseren Newsletter für alle Neuigkeiten rund um LimeSurvey
captcha