Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

How to increase the size of the dropdown box

  • fundacionmarialuisa
  • fundacionmarialuisa's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
6 years 2 weeks ago - 6 years 2 weeks ago #180277 by fundacionmarialuisa
How to increase the size of the dropdown box was created by fundacionmarialuisa
Hello. I increased the size of text on the survey adding:
Code:
body,
.form-control {
    font-size: 17px;
}

But now I'm having problems because the dropdown selection boxes cut part of my answer. How can I increase the size of the boxes so the answer fits well enough. Problem
Last edit: 6 years 2 weeks ago by fundacionmarialuisa.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 2 weeks ago #180351 by tpartner
Replied by tpartner on topic How to increase the size of the dropdown box
Can you activate a small test survey and give us a link so we can see the styles affecting the drop-downs?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
  • fundacionmarialuisa
  • fundacionmarialuisa's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
6 years 1 week ago - 6 years 1 week ago #180468 by fundacionmarialuisa
Replied by fundacionmarialuisa on topic How to increase the size of the dropdown box
Hello, for sure. Here is the link: encuestaz7.limequery.org/696696?lang=es
The token is: 12345678

I'm using fruity theme, with only the following modifications:

Added the following text to custom.css file, to increase the font size and align numerical input to the left:
Code:
body,
.form-control {
    font-size: 17px;
}
 
.numeric-item input[data-number='1'] {
    text-align: left;
}

And I also modified the question help to be displayed right after the question and not after the answer.

question.twig
Code:
    {# Question Text #}
    {{ include('./subviews/survey/question_subviews/question_text_container.twig') }}
 
    {# Survey question Help #}
    {{ include('./subviews/survey/question_subviews/survey_question_help.twig') }}

Any help is greatly apreciated. The problem is more aparent when using letters like (j,g,y,p).
Last edit: 6 years 1 week ago by fundacionmarialuisa.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 1 week ago #180492 by tpartner
Replied by tpartner on topic How to increase the size of the dropdown box
Try adding this to the end of custom.css:

Code:
select.form-control {
    height: auto;
}

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.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 1 week ago #180522 by tpartner
Replied by tpartner on topic How to increase the size of the dropdown box
Your comment is totally irrelevant to this topic.
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: holch, tpartner

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source