Skip to main content
Question

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

  • January 3, 2013
  • 0 replies
  • 160 views

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.


This topic has been closed for replies.

  • Quickbase Alumni
  • March 26, 2013
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.

  • Quickbase Alumni
  • March 26, 2013
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.

  • Quickbase Alumni
  • March 26, 2013
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

  • Author
  • Quickbase Alumni
  • March 28, 2013
Thanks for your response. Perhaps I did not fully understand your instructions, but it did not work.

  • Author
  • Quickbase Alumni
  • March 28, 2013
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 ???

  • Author
  • Quickbase Alumni
  • March 28, 2013
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. :)

  • Quickbase Alumni
  • September 5, 2018
the setting needs to be MAX not min.