Discussions

Expand all | Collapse all

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

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

    Posted 01-03-2013 06:54
    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.




  • 2.  RE: can I adjust the width of a field with multiple choice text items?

    Posted 03-25-2013 21:26
    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.


  • 3.  RE: can I adjust the width of a field with multiple choice text items?

    Posted 03-26-2013 03:55
    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.


  • 4.  RE: can I adjust the width of a field with multiple choice text items?

    Posted 03-26-2013 04:48
    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


  • 5.  RE: can I adjust the width of a field with multiple choice text items?

    Posted 03-28-2013 16:03
    Thanks for your response. Perhaps I did not fully understand your instructions, but it did not work.


  • 6.  RE: can I adjust the width of a field with multiple choice text items?

    Posted 03-28-2013 16:10
    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 ???


  • 7.  RE: can I adjust the width of a field with multiple choice text items?

    Posted 03-28-2013 16:12
    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. :)


  • 8.  RE: can I adjust the width of a field with multiple choice text items?

    Posted 09-05-2018 15:49
    the setting needs to be MAX not min.


  • 9.  RE: can I adjust the width of a field with multiple choice text items?

    Posted 05-22-2020 12:42
    This posting from Dan is from 2013.  Has anyone gotten this formula to work with the 2020 UI?

    ------------------------------
    Lien Gilhooley
    ------------------------------



  • 10.  RE: can I adjust the width of a field with multiple choice text items?

    Posted 05-22-2020 15:33
    Edited by Austin K 05-22-2020 15:32
    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.




  • 11.  RE: can I adjust the width of a field with multiple choice text items?

    Posted 05-22-2020 15:35
    ... or set the form properties to use radio buttons for a narrower look.

    ------------------------------
    Mark Shnier (YQC)
    Quick Base Solution Provider
    Your Quick Base Coach
    http://QuickBaseCoach.com
    mark.shnier@gmail.com
    ------------------------------



  • 12.  RE: can I adjust the width of a field with multiple choice text items?

    Posted 05-22-2020 17:19
    I did some testing.  The Javascript command works for select controls where you've provided a list of data, not where it is derived or driven by a table.

    In this first screenshot, the "Deal Number" is actually a key field from the parent table and used to tie the parent-child together.  The "Tolerance Option" field is a selection list where I've provided values of: None, Buyer, Seller.

    Here's the JavaScript command at work in the Console:

    Here's the result.  You can see it adjusted the width of the "Tolerance Option" field, but not the "Deal Number".



    ------------------------------
    Lien Gilhooley
    ------------------------------