Forum Discussion

DavidBrogdon's avatar
DavidBrogdon
Qrew Assistant Captain
6 years ago

Align fields on form

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. 

12 Replies

  • DavidBrogdon's avatar
    DavidBrogdon
    Qrew Assistant Captain
    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?
  • 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.
  • .. 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.,
  • DavidBrogdon's avatar
    DavidBrogdon
    Qrew Assistant Captain
    That's a good point, I might try it out and see how it looks. 
  • Use the IOL technique with this code:
    $("table.LabelsLeft td.label, table.LabelsLeft label").css("text-align", "left");  

    Before:



    After:


    • DavidBrogdon's avatar
      DavidBrogdon
      Qrew Assistant Captain
      How do I use the IOL technique with QB?? Sorry, I'm not familiar with all the functionality available. 
    • _anomDiebolt_'s avatar
      _anomDiebolt_
      Qrew Elite
      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\");'>"