| ID | Project | Category | View Status | Date Submitted | Last Update |
|---|---|---|---|---|---|
| 11734 | Feature requests | Ergonomy | public | 2016-09-30 18:48 | 2018-04-06 11:48 |
| Reporter | DenisChenu | Assigned To | DenisChenu | ||
| Priority | none | Severity | feature | ||
| Status | closed | Resolution | fixed | ||
| Fixed in Version | 3.0 | ||||
| Summary | 11734: Reimplement input size | ||||
| Description | When move from 2.06 to 2.50 : input-width are replaced by input-col-width, and it's not the same think and the same behaviour | ||||
| Steps To Reproduce | Find a way to have a very little input, but without a big label. | ||||
| Additional Information | Actually : bostrap default is to set 100% by default to the input-control, but have a way to show different size for input it's a must have for big survey i think. An idea : leave text_input_width to set the input container width (input-group) Set the size of the input (attribute:size) and add a class for this : something like form-control-inline : adding some core css to show it inline. if input-width is not set width is not set : take 100% of text_input_width like actually. For size attribute : http://www.w3schools.com/TAGS/att_input_size.asp | ||||
| Tags | answers_html | ||||
| Bug heat | 8 | ||||
| Story point estimate | |||||
| Users affected % | |||||
 |
PS : the 2.06 text_input_width is totally incompatible with new one. But we use same attribute .... PS2 : An exemple : zipcode must be mless wide than country, phone mus be less wide too than name etc .... |
|
|
With input size (in short free text question) it's easy to use form-inline (if it's set only for example) Send a screenshot |
 |
If I get this right, the plan is to re-add the input width question attribute (good idea!) and if it is set, that setting is applied. |
|
|
input size=XXX We get a default if not set (in fact we always need a default if user disable css (if i remind) If set : we put it ... + add a extra class in the item or list. It's the idea. Question : form-inline or not ? With form-inline (from BS) : the size of the input is not forced to 100%. |
|
|
About your question: I think for text types 100% is fine but for numeric types a shorter field length would look better. |
|
|
100% come from boostrap ..... Set size : you get your auto seems the best :) Just an issue .... form-inline have label inlined too .... then must add a cpore class. For your issue did you try input.numeric {width:auto} in template.css ? |
|
|
Nope, I didn't try such CSS. It is just my 2 cents that since you usually input some very few characters/number at numeric questions, 100% field width always looks far too large. |
 |
Use the input width as a min-width, please expand to 100% at xs screens |
|
|
@tammo : didn't understand ? You mean width:auto with a size=X ? |
|
|
xs in Bootstrap language: extra small screens. |
|
|
It's already the case, in general : col-xs-12 col-sm-X / col-xs-12 col-sm-Y Then no issue . And here : it's about : input size="5" : actually set a size of 1 or 50 don't change anything . |
|
|
In my view col-xs-12 is rarely needed. Most of the times something like col-sm-6 is enough, without col-xs-12, because that will also add paddings that are mostly not needed on very small screens. |
 |
Recapturing the feature request: Reject feature results in no change of current situation. |
|
|
Hi jelo , thanks for the summary, i update the Additional Information after:
|
|
|
Fix committed to answers_html branch: http://bugs.limesurvey.org/plugin.php?page=Source/view&id=21220 |
