- Posts: 5
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
How to change width / length of textbox in multiple short text question?
- RainerM
- Topic Author
- Offline
- New Member
Less
More
1 year 9 months ago #229006
by RainerM
How to change width / length of textbox in multiple short text question? was created by RainerM
Please help us help you and fill where relevant:
Your LimeSurvey version: 3.28.12
Own server or LimeSurvey hosting: LimeSurvey hosting
Survey theme/template: fruity
==================
Dear LimeSurvey Community,
I am currently working on my very 1st lime survey and am dealing with some design issues.
MY CURRENT KNOWLEDGE
I already found out that one can solve many of these issues by working with custom.css and already fixed some issues:
- hid the asterisk for mandatory questions
- made subquestions bind left
- hid some text input boxes in "multiple choice with comments"
For this I used general comments as e.g:
.multiple-short-txt .form-horizontal .control-label {
text-align: left;
}
or super specific to hide the text inputs:
#answer315284X174X4761SQ006comment {
display: none;
}
It appears to me, that by using the dot (.) one can use general (hierarchical) commands while the hashtag # is used to work content specific (also following a hierarchy). This is my knowledge so far.
MY PROBLEM
Now I have a "multiple short text question":
How many people volunteered? _____
By default, the text input field is very long. As there will be only a short 1 to 3-digit input this looks a bit awkward (see attachment).
So: I want to be able to adjust the length/width of the field.
MY FAILED ATTEMPTS TO SOLVE THE ISSUE
In the forum and the manual, I learned that there is the command "(label_column_width)" for "multiple_short_txt".
But: Where do I have to put it and how to write it down?
I tried to stitch some code together, but nothing worked (HTML / JS / CSS skills = "Hello world"). I tried to use the #answer approach: the same result i.e. no result.
I am sure this is only a minor issue but I am sitting here for 2h now and no end in sight.
I would appreciate it if someone could help me and might give me a hint on how to use the commands that are spread throughout the manual.
Thank you and greetings from Germany
Rainer
Your LimeSurvey version: 3.28.12
Own server or LimeSurvey hosting: LimeSurvey hosting
Survey theme/template: fruity
==================
Dear LimeSurvey Community,
I am currently working on my very 1st lime survey and am dealing with some design issues.
MY CURRENT KNOWLEDGE
I already found out that one can solve many of these issues by working with custom.css and already fixed some issues:
- hid the asterisk for mandatory questions
- made subquestions bind left
- hid some text input boxes in "multiple choice with comments"
For this I used general comments as e.g:
.multiple-short-txt .form-horizontal .control-label {
text-align: left;
}
or super specific to hide the text inputs:
#answer315284X174X4761SQ006comment {
display: none;
}
It appears to me, that by using the dot (.) one can use general (hierarchical) commands while the hashtag # is used to work content specific (also following a hierarchy). This is my knowledge so far.
MY PROBLEM
Now I have a "multiple short text question":
How many people volunteered? _____
By default, the text input field is very long. As there will be only a short 1 to 3-digit input this looks a bit awkward (see attachment).
So: I want to be able to adjust the length/width of the field.
MY FAILED ATTEMPTS TO SOLVE THE ISSUE
In the forum and the manual, I learned that there is the command "(label_column_width)" for "multiple_short_txt".
But: Where do I have to put it and how to write it down?
I tried to stitch some code together, but nothing worked (HTML / JS / CSS skills = "Hello world"). I tried to use the #answer approach: the same result i.e. no result.
I am sure this is only a minor issue but I am sitting here for 2h now and no end in sight.
I would appreciate it if someone could help me and might give me a hint on how to use the commands that are spread throughout the manual.
Thank you and greetings from Germany
Rainer
Attachments:
Please Log in to join the conversation.
- Joffm
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12790
- Thank you received: 3940
1 year 9 months ago - 1 year 9 months ago #229007
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic How to change width / length of textbox in multiple short text question?
In "Display" you find (and here I write it in German): "Texteingabeboxbreite" and "Label-Spaltenbreite".
Set them to your needs
By the way: Did you read my "Tutorial 2: Mehrfachnennungen, Mehrfache kurze Texte, Slider" ?
In the German part, maybe on page 3 or 4 at the moment.
The dot characterizes a CLASS, while the hashtag characterizes an ID
[url] www.w3schools.com/css/css_selectors.asp [/url]
Joffm
Set them to your needs
By the way: Did you read my "Tutorial 2: Mehrfachnennungen, Mehrfache kurze Texte, Slider" ?
In the German part, maybe on page 3 or 4 at the moment.
This is not correct.It appears to me, that by using the dot (.) one can use general (hierarchical) commands while the hashtag # is used to work content specific (also following a hierarchy). This is my knowledge so far.
The dot characterizes a CLASS, while the hashtag characterizes an ID
[url] www.w3schools.com/css/css_selectors.asp [/url]
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 1 year 9 months ago by Joffm.
Please Log in to join the conversation.
- RainerM
- Topic Author
- Offline
- New Member
Less
More
- Posts: 5
- Thank you received: 0
1 year 9 months ago #229008
by RainerM
Replied by RainerM on topic How to change width / length of textbox in multiple short text question?
Uff... okay. That was a fine case of "Die Kirche einmal um das Dorf tragen" as we say in German.
The GUI, the only place I did not look for it. Thanks a lot. Implemented it in 5min. Classic me.
And thank you for the CSS hint and your Tutorial. I make sure to check it out.
Best wishes & have a nice day,
Rainer
And thank you for your fast & voluntary support.
The GUI, the only place I did not look for it. Thanks a lot. Implemented it in 5min. Classic me.
And thank you for the CSS hint and your Tutorial. I make sure to check it out.
Best wishes & have a nice day,
Rainer
And thank you for your fast & voluntary support.
Please Log in to join the conversation.