JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How Do I Vertically Align Left Labelled Drop Downs with Each Other Regardless of the Amount of Text Contained in Their Sub-Labels?Asked by creativedistrict on July 14, 2015 at 01:15 AM
Can i manually change the alignment of the drop down boxes.
I noticed that once i have a sub tex below, and many often i do, i will get a change in alignment as per screen shot .
How do i rectify this issue?
there isn't controls to help me with this alignment of drop downs.
drop downs long sub-labels sub-label lengths left aligned labels vertically aligned vertical alignment misaligned fields
I would recommend you to use our Shrink tool under Preferences to align your fields.
You can check the tutorial for more details: Form Field Positioning
Let us know if you need further assistance.
after looking at the forms and instructions that was recommended. i still have no clues how is actually solves the problem. please elaborate. i tried shrinking but it becomes an extremely long text, neither can it be merge on the top of bottom line.
If the goal is to have the main label of each field on its left, the only option would be to constrain the width of the sub-labels. That can be achieved by injecting the following CSS (adjusting the value of the declaration to suit) :
The result of injecting the above rule would be as this clone.
Is this what you meant?
the answer is spot on.
Thank you so much. But can i check with you if this is done on our form or do i need to do programming.
No programming is necessary. Adding the CSS as explained in the guide would suffice. But if you need assistance, we'd be happy to provide it.
thank you. it's done. very much appreciated
You're quite welcome. Glad we could help.