buttons radio and multiple choice questions in printable version of LS

More
3 years 11 months ago - 3 years 11 months ago #95466 by apprenti
apprenti created the topic: buttons radio and multiple choice questions in printable version of LS
Hiii,

In the printable version of LS, The positioning of buttons radio or multiple choice questions is in 1 column. I want to change it in many colums like that:

[url=http://hdvwww10-test/limesurvey/index.php/survey/index/action/previewquestion/sid/495136/gid/32/qid/880][/url]

In fact it's possible in electronic version but not in printable version

Thanks!!!
Attachments:
Last Edit: 3 years 11 months ago by apprenti.

Please Log in to join the conversation.

More
3 years 11 months ago #95494 by tpartner
tpartner replied the topic: buttons radio and multiple choice questions in printable version of LS
You can do that by modifying print_template.css.

Add something like this (for the default template):
.multiple-opt .q-answer ul:after {  /* Clear the floats */
	content: ""; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
} 
 
.multiple-opt .q-answer li {
	float: left;
	padding: 0 10px;
	text-align: center;
}
 
.multiple-opt .q-answer li img {
	display: block;
	margin: 0 auto;
}



Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
The following user(s) said Thank You: mfaber

Please Log in to join the conversation.

More
3 years 11 months ago #95521 by mfaber
mfaber replied the topic: buttons radio and multiple choice questions in printable version of LS
That's sweet! Belongs in the manual, i think!

Please Log in to join the conversation.

More
3 years 11 months ago #95711 by apprenti
apprenti replied the topic: buttons radio and multiple choice questions in printable version of LS
Thanks :)
It's good with this code

.multiple-opt .q-answer ul:after { /* Clear the floats */
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.multiple-opt .q-answer li {
float: left;
padding: 0 10px;
text-align: center;
}

/*.multiple-opt .q-answer li img {
display: block;
margin: 0 auto;
}*/

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.