Forum Discussion
11 Replies
Sort By
- ArchiveUserQrew Captaindrfortini, 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. - _anomDiebolt_Qrew EliteThe 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. - _anomDiebolt_Qrew EliteThis 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 - donnafortiniQrew MemberThanks for your response. Perhaps I did not fully understand your instructions, but it did not work.
- donnafortiniQrew MemberThank 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 ???
- donnafortiniQrew MemberYes 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. :)
- ConnerDoyle1Qrew Traineethe setting needs to be MAX not min.
- LienGilhooleyQrew CadetThis posting from Dan is from 2013. Has anyone gotten this formula to work with the 2020 UI?
------------------------------
Lien Gilhooley
------------------------------- AustinKQrew CommanderJust 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.