Controlling width of a textbox on View forms / influencing text wrapping

  • 1
  • 1
  • Question
  • Updated 3 years ago
  • Answered
I have some textboxes that can have a fair amount of data in them. I'm able to set the width and height to an appropriate value in the properties of the field, and it shows up great on the Edit form, but on the View form it doesn't wrap the text well and stretches the page. I've included two screenshots to demonstrate. They include the whole section, so no other fields are stretching it out. Why won't it wrap the text to more lines instead of requiring you to scroll sideways? Is there some way to force a maximum width like on the edit page?

Edit: I added two new pictures that reflect the effects that the given answers have.

Photo of Kat

Kat

  • 86 Points 75 badge 2x thumb

Posted 3 years ago

  • 1
  • 1
Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 65,096 Points 50k badge 2x thumb
Right, so yes in edit mode you gave control over the height and width. I view mode the field will adjust its width according to the space available.  For example if you are on a smaller size screen then everything will get narrower and longer down the page.

The answer here is that you will need to insert a new section just above those wide fields.  QuickBase has algorithms or internal rules to try to line the fields up "nicely".  But each new section starts fresh.

If you have a section with no label, then it cannot be collapsed, which may what you want.  You can also set in form properties as to if you want horizontal lines between section, so can decide which "look" is best for you.

Basically, ya gotta put in a section break.
Photo of Kat

Kat

  • 86 Points 75 badge 2x thumb
It's not making the field narrower and longer, though, that's my point. If I change the window size it doesn't change the point where it wraps at all.  Moving the text fields to their own section would make it so you wouldn't have to scroll sideways to view everything else, true, but they will still have to scroll to read these two fields. You can see in the second screenshot how a bunch of the fields are cut off by the edge of the window.

After a bit more investigating, I think it stops trying to shrink the fields when any section is as skinny as it can get. I have a report link elsewhere on the page that is a bit wide, and when it hits its limit there it doesn't reduce the size of any other sections. My guess is it will behave more reasonably once I cut the size down there.

My advice to anyone else having an issue with fields refusing to wrap is to check the rest of your sections and see if they are forcing the page width to be bigger than it needs to be. Sections are not formatted completely independently.
Photo of Kat

Kat

  • 86 Points 75 badge 2x thumb
QuickBase will determine the best width for fields on a page depending on the window size, but once one section cannot be sized down any more, no sections will be sized down. Essentially if you'll have to scroll sideways for one section, it doesn't make any attempt to prevent sideways scrolling for other sections. If it's inexplicably not wrapping a field that it obviously can, check for other sections that are wide (such as report links showing embedded reports).

On the flip side, if you want to force it to wrap text less, you can do it by having some sort of wide field that it can't wrap anywhere on the page. 
Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 65,096 Points 50k badge 2x thumb
Can you post a screen shot where you have put in a section break above those last two fields called Description nd Constructability ....
Photo of Kat

Kat

  • 86 Points 75 badge 2x thumb
Sure. I edited in a screenshot of how it looks when you add a section break above it. I also added in a screenshot of how it looks after I cut down the width of the report link in a different section (it's the last picture). You can see that fixed it.
Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 65,096 Points 50k badge 2x thumb
Interesting.  Can you tell me again what you did to fix it?  You said you cut down on the width of a Report Link in another section?  I think that you are saying that you had an embedded report in another section which was making the page too wide. OK, so you are correct in the sense that if you have something in another section which simply cannot be fit across the page (forcing the page to fall off the side of he screen), then that becomes the de facto width of the page.  Then all sections now feel comfortable expanding themselves to the full "width" of the page.  That makes total sense.
Photo of Kat

Kat

  • 86 Points 75 badge 2x thumb
Yes, correct. I wouldn't say that's necessarily the best way to handle that situation, but I can see the reasoning. It just wasn't obvious that's what was going on when it was another section far down the page that was causing the behavior.