Check out the LimeSurvey source code on GitHub!
Welcome, Guest
Username: Password:

TOPIC: CSS to make the Option Other Text Input stretch to fill the width of the form?

CSS to make the Option Other Text Input stretch to fill the width of the form? 2 years 1 month ago #111945

  • w0928
  • w0928's Avatar
  • Offline
  • Junior Lime
  • Posts: 36
  • Thank you received: 3
  • Karma: 1
Can anyone help me with this? I'm not having the best of luck. I'm referring to the text box that shows up when you have a multiple choice or radio button question with the "OTHER" option enabled. What I would like to do is have the text box stretch to fill the rest of the line.

I've tried with=100% and that was too much. I also tried messing with display:table, table-cell, etc for the list item that the text input appears in, the check box, and the label. I think this is the right way but I just can't get it right.
The administrator has disabled public write access.

CSS to make the Option Other Text Input stretch to fill the width of the form? 2 years 1 month ago #111961

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6323
  • Thank you received: 1407
  • Karma: 547
What template are you using?
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The administrator has disabled public write access.

CSS to make the Option Other Text Input stretch to fill the width of the form? 2 years 1 month ago #111965

  • w0928
  • w0928's Avatar
  • Offline
  • Junior Lime
  • Posts: 36
  • Thank you received: 3
  • Karma: 1
Hi. I'm using the 'basic' one. Thanks.
Last Edit: 2 years 1 month ago by w0928.
The administrator has disabled public write access.

CSS to make the Option Other Text Input stretch to fill the width of the form? 2 years 1 month ago #111968

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6323
  • Thank you received: 1407
  • Karma: 547
I don't see away to do that with pure CSS.

I suppose you could use JavaScript to insert <span> elements and manipulate their widths on resize.


.
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The administrator has disabled public write access.
The following user(s) said Thank You: w0928

CSS to make the Option Other Text Input stretch to fill the width of the form? 2 years 1 month ago #111975

  • w0928
  • w0928's Avatar
  • Offline
  • Junior Lime
  • Posts: 36
  • Thank you received: 3
  • Karma: 1
This worked. Thank you.
The administrator has disabled public write access.
Time to create page: 0.239 seconds
Imprint                   Privacy policy         General Terms & Conditions         Revocation information and revocation form