Welcome to the LimeSurvey Community Forum

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

set box text input width for other

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
13 years 6 months ago #50709 by tpartner
Replied by tpartner on topic Any reason this would not work?
1) This is not a bug but a matter of preference. You should be able to reposition the <p> that contains the textarea with CSS by removing the float style.

2) This may be a bug. Please open a ticket at the bugtracker and include a sample survey and your fix.

3) Mazi is correct - your template generates some 20 odd HTML errors that need to be cured. I also recommend starting anew with the current Basic template.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
More
13 years 6 months ago #50745 by brydon
Replied by brydon on topic Any reason this would not work?
Yes, thanks, I have migrated to a new template based on the most recent version of "Basic". This solves the original problem with the "other" field (listed as #3 in previous posts).

I have also submitted the Ranking-resize issue (#2) to the bug tracker.

I still am not completely sure about the fix for my first problem (the floating label; #1). I am afraid I am a survey designer/researcher, not a developer, and don't really understand the details of CSS. Do you mean I should take the float out of:
Code:
.list-with-comment p.comment {
  margin: 0%;
  padding: 0.5em;
  text-align: left;
  float: left;
  width: 47%;
}

in template.css?

Thanks for any pointers in the right direction...
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
13 years 6 months ago #50764 by tpartner
Replied by tpartner on topic Any reason this would not work?
Yup, remove the "float: left;" and "width: 47%;". You'll also need to do the same to .list-with-comment div.list.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
More
7 years 11 months ago #135953 by rolandcyrillo
Replied by rolandcyrillo on topic set box text input width for other
Please, how do I do to put lines in the box "other" in multiple option? I changed to 300px in the CSS, but it still have a single line and the person who is answering cannot see all the inputed text.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 11 months ago #135959 by tpartner
Replied by tpartner on topic set box text input width for other
There is no way to change that from a text input to a textarea.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: rolandcyrillo
The topic has been locked.
More
5 years 9 months ago #171782 by terryaulenbach
Replied by terryaulenbach on topic set box text input width for other
Is it also possible to somehow apply this to only one particular "other" text box rather than to all of them? I.e can a custom class be set up that can somehow be applied just to the "other" option in a multiple choice question?
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 9 months ago #171784 by Joffm
Replied by Joffm on topic set box text input width for other
Hi,
this thread started 7 years ago.
Probably LS version 1.92 or so.

I think you are using a newer version, but which one?

For version 3.13.2. I can show this:
Enter in the question text (source code mode:
Code:
<style type="text/css">.form-control {
    width: 500px !important;
}
</style>

Play around with the width to your needs.


Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Attachments:
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 9 months ago #171785 by tpartner
Replied by tpartner on topic set box text input width for other
LimeSurvey version?

Do you want to apply it to all multiple-choice questions?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
More
5 years 9 months ago #171791 by terryaulenbach
Replied by terryaulenbach on topic set box text input width for other
Thank you very much. This is exactly what I needed.
The topic has been locked.
More
5 years 9 months ago #171792 by terryaulenbach
Replied by terryaulenbach on topic set box text input width for other
Thanks, Tony, but Joffm answered my question.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 8 months ago - 5 years 8 months ago #171822 by tpartner
Replied by tpartner on topic set box text input width for other
My solution would be to assign a CSS class to the question and place the style rules in your custom.css file so they are in the <head> element rather than the <body>.

Although, in HTML5, placing styles in the <body> is valid, it will force the browser to re-render the page as it loads. This causes an extra load on the browser and may be visible to the user. As a result, I try to avoid styles in the <body> element.

1) Assign a CSS class to the question something like "input-width-500".

2) Place something like this in custom.css:

Code:
.input-width-500 input[type="text"].form-control {
    width: 500px;
}
 
@media (max-width: 768px) {
  .input-width-500 input[type="text"].form-control {
    width: auto;
  }
}
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last edit: 5 years 8 months ago by tpartner.
The topic has been locked.
More
5 years 8 months ago #171835 by terryaulenbach
Replied by terryaulenbach on topic set box text input width for other
Thanks, Tony! I will try this way as well. It's kind of what I was going for but couldn't quite figure out.
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source