Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

How to change design (width of answers column) in Multiple choice with comments?

  • Ondrej_Vrba
  • Ondrej_Vrba's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 9 months ago #141136 by Ondrej_Vrba
How to change design (width of answers column) in Multiple choice with comments? was created by Ondrej_Vrba
Hello,

I have a question concerning the Multiple choice with comments question type. Can anybody help with some script, that would affect the design - width of the answers column / input textboxes? Or how to cancel the automatic alignment? See the picture below:

[img]https://prpa_x.sweb.cz/lime_dotaz.png[/img]

Thank you very much for your help!
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 9 months ago #141158 by tpartner
Replied by tpartner on topic How to change design (width of answers column) in Multiple choice with comments?
LimeSurvey version?
Template used?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
  • Ondrej_Vrba
  • Ondrej_Vrba's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 9 months ago #141168 by Ondrej_Vrba
Replied by Ondrej_Vrba on topic How to change design (width of answers column) in Multiple choice with comments?
Version 2.06+
Template: basic
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 9 months ago #141171 by tpartner
Replied by tpartner on topic How to change design (width of answers column) in Multiple choice with comments?
Add something like this to the end of template.css:

Code:
.multiple-opt-comments ul.checkbox-text-list {
    width: 99%;
}
 
.multiple-opt-comments ul.checkbox-text-list li {
    width: 100%;
}
 
.multiple-opt-comments ul.checkbox-text-list li span.option {
    width: 70%; /* Label width */
}
 
.multiple-opt-comments ul.checkbox-text-list li input.text {
    width: 80%; /* Text input width */
}
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
  • Ondrej_Vrba
  • Ondrej_Vrba's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 9 months ago #141253 by Ondrej_Vrba
Replied by Ondrej_Vrba on topic How to change design (width of answers column) in Multiple choice with comments?
Thanks for your help! I tried to copy it to the template.css file, but it doesn´t make any change. Probably I am doing something wrong..
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 9 months ago - 8 years 9 months ago #141258 by tpartner
Replied by tpartner on topic How to change design (width of answers column) in Multiple choice with comments?
Can you give a link to a live sample survey?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last edit: 8 years 9 months ago by tpartner.
The topic has been locked.
  • Ondrej_Vrba
  • Ondrej_Vrba's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 9 months ago #141259 by Ondrej_Vrba
Replied by Ondrej_Vrba on topic How to change design (width of answers column) in Multiple choice with comments?
pruzkumy.esfcr.cz/index.php/518825

you have to tick "ano" in the first 2 questions to see the Multiple choice with comments, where I want to make the design change

the problem when changing template.css in the LimeSurvey template (basic) in my case is, that any changes in the survey can be seen, even if I delete all the line in the template.css file..
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 9 months ago #141261 by tpartner
Replied by tpartner on topic How to change design (width of answers column) in Multiple choice with comments?
No access to the survey.

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
The topic has been locked.
  • Ondrej_Vrba
  • Ondrej_Vrba's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 9 months ago #141262 by Ondrej_Vrba
Replied by Ondrej_Vrba on topic How to change design (width of answers column) in Multiple choice with comments?
Activated test version:

pruzkumy.esfcr.cz/index.php/admin/survey...view/surveyid/518825
The topic has been locked.
  • Ondrej_Vrba
  • Ondrej_Vrba's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 9 months ago #141263 by Ondrej_Vrba
Replied by Ondrej_Vrba on topic How to change design (width of answers column) in Multiple choice with comments?
Activated test version:

pruzkumy.esfcr.cz/index.php/518825?lang=cs
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 9 months ago #141266 by tpartner
Replied by tpartner on topic How to change design (width of answers column) in Multiple choice with comments?
I don't see those styles anywhere in your template.css file - pruzkumy.esfcr.cz/templates/basic/template.css

You are using the core basic template, not a copy.

You need to copy the basic template, add those styles and then assign that copied template to the survey.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
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