- Posts: 3
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Multiple Choice - 2 Columns conflicting template
- SchaeferSimon
- Topic Author
- Offline
- New Member
Less
More
8 years 7 months ago #122862
by SchaeferSimon
Multiple Choice - 2 Columns conflicting template was created by SchaeferSimon
Hi,
I am currently designing a survey for my bachelor. Unfortunately the template off of my university is displaying items of a multiple choice question in one straight line, although display colums is set to 2 in the question.
There is no error in the template file and I spent two days trying to figure the problem out.
"Umfrage aktuell" is the original status of the problem
"Umfrage Soll" is how it should look like, with default template
"umfrage bearbeitet" is how far I got currently. I acchieved through adding "display: inline block" to the follwing code.
What is the code to get a justified allignment of the questions seen in "Umfrage soll"?
I also attached the template to this post.
Thanks for the help!
Simon
I am currently designing a survey for my bachelor. Unfortunately the template off of my university is displaying items of a multiple choice question in one straight line, although display colums is set to 2 in the question.
There is no error in the template file and I spent two days trying to figure the problem out.
"Umfrage aktuell" is the original status of the problem
"Umfrage Soll" is how it should look like, with default template
"umfrage bearbeitet" is how far I got currently. I acchieved through adding "display: inline block" to the follwing code.
Code:
.choice-5-pt-radio li ,.list-radio-flexible li ,.list-radio li ,.list-with-comment li ,.multiple-opt li ,.multiple-opt-comments li ,.multiple-short-txt li ,.numeric-multi li ,.yes-no li ,.gender li { list-style-type: none; text-align: left; margin: 0% 0% 0.5em 0.5em; display:inline-block;
What is the code to get a justified allignment of the questions seen in "Umfrage soll"?
I also attached the template to this post.
Thanks for the help!
Simon
The topic has been locked.
- Bigred01
- Offline
- Premium Member
Less
More
- Posts: 88
- Thank you received: 33
8 years 7 months ago - 8 years 7 months ago #122865
by Bigred01
Replied by Bigred01 on topic Multiple Choice - 2 Columns conflicting template
Try removing inline-block on the list items then checking the below css which comes right from the default template.
**EDIT**
I took a look at your template and its the inline-block on the list-items and the padding-left:13px on td.answer ul. If you want the 13px padding-left you will need to lower the ul width to 47%
Code:
ul.cols-2 li, ul.cols-2-ul, table.cols-2 td { width: 48%; } ul.cols-2 li, ul.cols-2-ul, ul.cols-3 li, ul.cols-3-ul, ul.cols-4 li, ul.cols-4-ul, ul.cols-5 li, ul.cols-5-ul, ul.cols-6 li, ul.cols-6-ul, ul.cols-7 li, ul.cols-7-ul, ul.cols-8 li, ul.cols-8-ul { padding: 0% 0.5em; float: left; white-space: normal; }
**EDIT**
I took a look at your template and its the inline-block on the list-items and the padding-left:13px on td.answer ul. If you want the 13px padding-left you will need to lower the ul width to 47%
Last edit: 8 years 7 months ago by Bigred01.
The topic has been locked.