What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

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.


  • Profile Image

    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

    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.

    Page URL:
    http://www.jotformpro.com/form/51940144809961

    Screenshot
    drop downs long sub-labels sub-label lengths left aligned labels vertically aligned vertical alignment misaligned fields
  • Profile Image
    JotForm Developer

    Answered by deniz on July 14, 2015 at 02:22 AM

    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.

  • Profile Image

    Answered by creativedistrict on July 14, 2015 at 02:38 AM

    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.

     

  • Profile Image
    JotForm Support

    Answered by abajan on July 14, 2015 at 05:04 AM

    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?

  • Profile Image

    Answered by creativedistrict on July 14, 2015 at 05:15 AM

    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.

  • Profile Image
    JotForm Support

    Answered by abajan on July 14, 2015 at 05:24 AM

    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

  • Profile Image

    Answered by creativedistrict on July 14, 2015 at 05:46 AM

    thank you. it's done. very much appreciated

  • Profile Image
    JotForm Support

    Answered by abajan on July 14, 2015 at 06:16 AM

    You're quite welcome. Glad we could help.