How Do I Vertically Align Left Labelled Drop Downs with Each Other Regardless of the Amount of Text Contained in Their Sub-Labels?

Hi,

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.

Hi,

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.

Thank you.

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) :

.form-sub-label {
  max-width: 400px;
}

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.

Cheers

thank you. it's done. very much appreciated

You're quite welcome. Glad we could help.