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

  • Profile Image
    Masalamedia
    Asked 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.

  • Profile Image
    Masalamedia
    Answered 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
    pinoytech
    Answered 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!