Aligning labels to the right of fields is not working

  • watansyria
    Asked on July 23, 2014 at 8:39 AM

    When I select the option of aligning labels to the right of fields, it doesn't work no matter what I do. Probably a bug? 

  • Kiran Support Team Lead
    Replied on July 23, 2014 at 10:16 AM

    The alignment of labels on the form are working as designed. I understand that you want to align the labels to the right side of text boxes. To achieve this, you can inject custom css code into the form.

    .form-all {

    text-align: right;

    direction: rtl !important;

    unicode-bidi: bidi-override !important;

    }

    .form-line-column,

    .form-label-right,

    .form-radio-item {

    float:right;}

    Hope this helps. Please get back to us if you need further assistance. We are happy to assist you further.

  • Welvin Support Team Lead
    Replied on July 23, 2014 at 10:18 AM

    Hi,

    I think you mean move the labels right side of the input boxes. If so, please inject the following custom CSS codes to your form:

    .form-all {

    direction: rtl;

    }

    .form-label-right, .form-label-left {

    float: right !important;

    }

    Inject these codes to the form by following this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Let us know if you need further assistance.

    Thanks

  • watansyria
    Replied on July 24, 2014 at 6:51 AM

    Works great, thank you very much