Align fields on form

  • 38
  • 1
  • Question
  • Updated 2 weeks ago
  • In Progress
This seems like it should be a default function in a system like this but I am not finding any way to force fields to line up on a form. There should be some kind of default left align feature that will clear any blank space between the left margin and the fields. 

Does anyone know a way to do this? Currently QB forms look sloppy no matter what because nearly every field is offset from one another. 
Photo of David Brogdon

David Brogdon

  • 582 Points 500 badge 2x thumb

Posted 2 weeks ago

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

QuickBaseCoach App Dev./Training, Champion

  • 53,570 Points 50k badge 2x thumb
Can you post a screen shot on an example?
Photo of David Brogdon

David Brogdon

  • 582 Points 500 badge 2x thumb
I am just curious if I can align by the field name position instead of the actual field that QB auto aligns within each section. I can post a screenshot but I don't know if that will help explain my question. Better question, can I just custom align every field?
Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 53,570 Points 50k badge 2x thumb
It works how it works so that answer will probably be no, but I'm still curious as to what you think is a problem, and that requires a screen shot to explain.
Photo of David Brogdon

David Brogdon

  • 582 Points 500 badge 2x thumb

Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 53,570 Points 50k badge 2x thumb
There is not an option to align by field name, only field position.
Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 53,570 Points 50k badge 2x thumb
.. although if you re-orient your layout so the field names are above thee fields, then they will align.  Typically, you will then make the form wider and have say 4 or so fields across the page.,
Photo of David Brogdon

David Brogdon

  • 582 Points 500 badge 2x thumb
That's a good point, I might try it out and see how it looks. 
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 28,144 Points 20k badge 2x thumb
Use the IOL technique with this code:
$("table.LabelsLeft td.label, table.LabelsLeft label").css("text-align", "left");

Before:



After:


Photo of David Brogdon

David Brogdon

  • 582 Points 500 badge 2x thumb
How do I use the IOL technique with QB?? Sorry, I'm not familiar with all the functionality available. 
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 28,144 Points 20k badge 2x thumb
Search for "iol technique"

As an alternative just put this rich text formula field at the bottom of your form:
"<img src onerror='$(\"table.LabelsLeft td.label,table.LabelsLeft label\").css(\"text-align\",\"left\");'>"
(Edited)
Photo of David Brogdon

David Brogdon

  • 582 Points 500 badge 2x thumb
You rock for this, thanks!
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 28,144 Points 20k badge 2x thumb
New Meme: