Forum Discussion

donnafortini's avatar
donnafortini
Qrew Member
12 years ago

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

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.


11 Replies

  • 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.
  • 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.
  • Thanks for your response. Perhaps I did not fully understand your instructions, but it did not work.
  • 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 ???
  • 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. :)
    • LienGilhooley's avatar
      LienGilhooley
      Qrew Cadet
      This posting from Dan is from 2013.  Has anyone gotten this formula to work with the 2020 UI?

      ------------------------------
      Lien Gilhooley
      ------------------------------
      • AustinK's avatar
        AustinK
        Qrew Commander
        Just tested it and yes it works fine, at least the JavaScript command that it is using. 

        Since this is all just JavaScript you can take bits and pieces from anything posted by Dan and test it in the console. What I did was load a record up that had dropdowns and then hit f12 to open the console in Chrome, pasted "$('#formContents select').css('min-width','5em');" in there and bam, resized.

        I don't see anything in the IOL part that would cause it to not work but I didn't test that either, just the command above.

        The fields will be resized based on what is in them though. Looking at my example below the field names you see above are also the largest text entry in the dropdown, to give you an idea how they resize. The first picture is how they look by default and the second one is after entering the command above.