Star Rating Label Alignment

  • netruck
    Asked on March 16, 2016 at 8:48 PM

    I would like my star rating field to be to the right of the label.

    I've injected the following code... but it still shows the stars below the label and the "Label Align" is set to left.

    .form-label.form-label-left {

        min-width : 300px !important;

    }

  • Chriistian Jotform Support
    Replied on March 16, 2016 at 10:39 PM

    You do not need to inject any CSS. You can simply shrink the Star Rating field and align the label to the left.

    1. Click the Star Rating field and click the gear icon beside it. 

    2. Select the Shrink option

    Star Rating Label Alignment Image 1 Screenshot 40

    3. Then click the Label Align button on the field Properties and select Left.

    Star Rating Label Alignment Image 2 Screenshot 51

    4. This is how the Star Rating field should appear after.

    Star Rating Label Alignment Image 3 Screenshot 62

    You can check out this cloned form to see it in action: https://form.jotform.com/60758593942974

    If you need further assistance, do let us know.
    Regards.