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

    "Label Align Right" is really text-justify right. How to get label on right side of field?

    Asked by Masalamedia on May 24, 2013 at 08:47 PM

    Selecting LABEL ALIGN - left puts the label to the left of the field.

    Selecting LABEL ALIGN - top puts the label above the field.

    But... LABEL ALIGN - right doesn't put the label to the right of the field... it actually just right-justifies the text.

    How do you actually do what that option name suggests: put the label to the right of the field?

     

    Example below is what I'm after.

    Page URL:
    http://form.jotformpro.com/form/22818026430952

    Screenshot
    label name
  • Profile Image

    Answered by Masalamedia on May 24, 2013 at 08:56 PM

    This image shows what I'm after.... indented stars with labels on the right side. Your help with the CSS for this would be greatly appreciated.

  • Profile Image

    Answered by pinoytech on May 25, 2013 at 01:30 AM

    Hi,

    Can you please take a look at this cloned form of yours if I did it correctly?

    http://www.jotformpro.com/form/31440969191963

    CSS codes: http://jotform.me/help/117-How-to-Inject-Custom-CSS-Codes

    #label_27.form-label-left {

    position: absolute;

    margin-left: 131px !important;

    }

    #input_27.form-star-rating {

    position: absolute;

    margin-left: 4px !important;

    margin-top: -10px !important;

    }

    #label_31.form-label-left {

    position: absolute;

    margin-left: 131px !important;

    }

    #input_31.form-star-rating {

    position: absolute;

    margin-left: 4px !important;

    margin-top: -10px !important;

    }

    #label_28.form-label-left {

    position: absolute;

    margin-left: 131px !important;

    }

    #input_28.form-star-rating {

    position: absolute;

    margin-left: 4px !important;

    margin-top: -10px !important;

    }

    #label_29.form-label-left {

    position: absolute;

    margin-left: 131px !important;

    }

    #input_29.form-star-rating {

    position: absolute;

    margin-left: 4px !important;

    margin-top: -10px !important;

    }

    #label_30.form-label-left {

    position: absolute;

    margin-left: 131px !important;

    }

    #input_30.form-star-rating {

    position: absolute;

    margin-left: 4px !important;

    margin-top: -10px !important;

    }

    #label_32.form-label-left {

    position: absolute;

    margin-left: 131px !important;

    }

    #input_32.form-star-rating {

    position: absolute;

    margin-left: 4px !important;

    margin-top: -10px !important;

    }

    #label_33.form-label-left {

    position: absolute;

    margin-left: 131px !important;

    }

    #input_33.form-star-rating {

    position: absolute;

    margin-left: 4px !important;

    margin-top: -10px !important;

    }

    #label_34.form-label-left {

    position: absolute;

    margin-left: 131px !important;

    }

    #input_34.form-star-rating {

    position: absolute;

    margin-left: 4px !important;

    margin-top: -10px !important;

    }

    #label_37.form-label-left {

    position: absolute;

    margin-left: 131px !important;

    }

    #input_37.form-star-rating {

    position: absolute;

    margin-left: 4px !important;

    margin-top: -10px !important;

    }

    #label_36.form-label-left {

    position: absolute;

    margin-left: 131px !important;

    }

    #input_36.form-star-rating {

    position: absolute;

    margin-left: 4px !important;

    margin-top: -10px !important;

    }

    #label_35.form-label-left {

    position: absolute;

    margin-left: 131px !important;

    }

    #input_35.form-star-rating {

    position: absolute;

    margin-left: 4px !important;

    margin-top: -10px !important;

    }

    If you need further assistance, do let us know.

    Thank you!