- Posts: 10109
- Thank you received: 3595
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
- Offline
- LimeSurvey Community Team
Less
More
13 years 6 months ago #50709
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
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.
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.
- brydon
- Offline
- New Member
Less
More
- Posts: 4
- Thank you received: 0
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:
in template.css?
Thanks for any pointers in the right direction...
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
13 years 6 months ago #50764
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
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.
- rolandcyrillo
- Offline
- New Member
Less
More
- Posts: 1
- Thank you received: 0
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
7 years 11 months ago #135959
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
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.
- terryaulenbach
- Offline
- Junior Member
Less
More
- Posts: 37
- Thank you received: 1
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
- Away
- LimeSurvey Community Team
Less
More
- Posts: 12941
- Thank you received: 3979
5 years 9 months ago #171784
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
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:
Play around with the width to your needs.
Joffm
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
5 years 9 months ago #171785
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
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?
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.
- terryaulenbach
- Offline
- Junior Member
Less
More
- Posts: 37
- Thank you received: 1
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.
- terryaulenbach
- Offline
- Junior Member
Less
More
- Posts: 37
- Thank you received: 1
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
5 years 8 months ago - 5 years 8 months ago #171822
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
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:
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.
- terryaulenbach
- Offline
- Junior Member
Less
More
- Posts: 37
- Thank you received: 1
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.