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 to align a label (Question Text) to the right of a dropdown box?

    Asked by HACA on December 14, 2016 at 06:19 PM

    I would like to align my labels to the right of a dropdown box.  Label alignment only moves the text to the top. When selecting Left or Right, the text stays to the left.

     

    Here is the form link > https://form.jotform.com/63474570844968

     

     

    Thanks,

     

     

  • Profile Image
    JotForm Support

    Answered by AIDAN on December 14, 2016 at 06:39 PM

    Please add the following custom CSS code:

     

    #label_123 {
        margin-left: 50px;
        margin-bottom: -25px;
    }

     

    I noticed that you are already using custom CSS code in your form, but just for completion here is a tutorial on how to add it: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please let us know if you need further assistance.

  • Profile Image

    Answered by HACA on December 15, 2016 at 10:22 AM

    Great. I was close adjusting the left margin, but did not consider the bottom margin.

    How would I adjust if I do not use the "Qty." sub-label.

    Thanks,

     

  • Profile Image
    JotForm Support

    Answered by AIDAN on December 15, 2016 at 11:25 AM

    I apologize for not understanding what exactly did you mean by "How would I adjust if I do not use the "Qty." sub-label.".

    Could you please be so kind as to rephrase it or explain it further? Ideally with a screenshot like before?

     

    Thank you in advance. I'm looking forward to addressing this request too.

  • Profile Image

    Answered by HACA on December 15, 2016 at 08:46 PM

    If I remove the sub label "Qty", the dropdown box widens and the label goes behind the dropdown field.  I think it requires adjusting the bottom margin, but I could not get it to adjust correctly.

  • Profile Image
    JotForm Support

    Answered by Welvin on December 16, 2016 at 12:59 AM

    I've fixed it for you by replacing the custom CSS codes with the following:

    label#label_123,

    label#label_124,

    label#label_125,

    label#label_126,

    label#label_127,

    label#label_129 {

        display: inline-block;

        float: right;

        text-align: right;

        width: 100% !important;

        margin-left: 5px;

    }

    select#input_123,

    select#input_124,

    select#input_125,

    select#input_126,

    select#input_127,

    select#input_129 {

        width: 90px !important;

    }

    With or without the Sub Label, they should align property. Here's my cloned version of  your form with the above custom CSS codes: https://www.jotformpro.com/form/63500582529961