Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Multiple Choice - 2 Columns conflicting template

More
10 years 2 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.
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.
More
10 years 2 months ago - 10 years 2 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.
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: 10 years 2 months ago by Bigred01.
The topic has been locked.
Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source