can I adjust the width of a field with multiple choice text items?

  • 0
  • 1
  • Question
  • Updated 8 months ago
  • Answered
How can I make my fields smaller??
All the fields are huge in the new interface, and fields that were only a few characters are 20+ wide, which messes up forms.
A multiple-choice text field used to be as wide as the longest choice (old interface)
Now fields with small text choices are stretched out across the page, making the form almost twice as wide as it was.


Photo of drfortini

drfortini

  • 2 Points

Posted 6 years ago

  • 0
  • 1
Photo of Randy

Randy

  • 0 Points
drfortini, not sure if you are still dealing with this issue, but if you are here is a potential fix.

In the new form set up the multiple choice fields extend out to reach where the next horizontal element on the form would be. How far this reaches is dependent on the overall horizontal area for the columns set up vertically within the section this box is in. One work around is to insert a text form element, not field, into the form on the same line as the choice field and place a " " in it (without the quotes). This will limit the length of the multiple choice field to where the next column would align with no visual impact with the new field as it is only holding a space in it. The text element must have the space in it for this to work as it will ignore the format fix on a blank text element.
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 30,074 Points 20k badge 2x thumb
The new UX is setting a minimum width on the select elements. You could change all the select elements to use a smaller minimum width:

$("#formContents select").css("min-width","10em");

Or you could change individual select elements minimum widths.
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 30,074 Points 20k badge 2x thumb
This application uses an image onload field [-] to resize all selects to a minimum 5em width:

Yes No Maybe So
https://haversineconsulting.quickbase.com/db/bhyun5chy?a=nwr

Pastebin
http://pastebin.com/tUTe5JVz

Pastie Database
https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=211
Photo of drfortini

drfortini

  • 2 Points
Thanks for your response. Perhaps I did not fully understand your instructions, but it did not work.
Photo of drfortini

drfortini

  • 2 Points
Thank you for your response. I am not sure what to do with the information - do I create a page with the code & call it from ???
Photo of drfortini

drfortini

  • 2 Points
Yes No Maybe is what I am looking for. This has become a non-issue with the client, however, I would like to understand what you did to make that work, if you are willing. :)
Photo of Conner

Conner

  • 40 Points
the setting needs to be MAX not min.