How to align labels RTL?

  • Yamani
    Asked on March 13, 2017 at 5:03 AM
    HI.

    BJoanna  i check your template  but in my browser labels aren't  true in righ but object are right

    I use  css code but can't help me for labels . i think this is important for Jotform ! dont support every language!
  • BJoanna
    Replied on March 13, 2017 at 5:21 AM

    Is this the form you are working on http://www.jotform.co/form/70707673617866?

    To right align labels of your form add this CSS code to your form as well:

    .form-label-top, .form-label-left, .form-label-right, .form-html, .form-checkbox-item label, .form-radio-item label {

        text-align: right!important;

    }

    How to Inject Custom CSS Codes

     

    After you add it your form will look like this. 

    How to align labels RTL? Image 1 Screenshot 20

    Here is my demo form: https://form.jotformpro.com/70712044348956 

    Feel free to clone it. 

    Hope this will help. Let us know if you need further assistance. 

  • Yamani
    Replied on March 13, 2017 at 9:51 PM

    Hi..

    Great

    This is working perfect

    Thank you so much

     

  • nokhbeganschool95
    Replied on March 18, 2017 at 4:14 AM

    hi

    i use this code

     

    but .. :(

    not working

     

    please help me

  • Yamani
    Replied on March 18, 2017 at 9:37 AM

    .form-all { text-align: right; direction: rtl !important; unicode-bidi: bidi-override !important; } .form-line-column, .form-label-right, .form-radio-item { float:right; } .form-label-top, .form-label-left, .form-label-right, .form-html, .form-checkbox-item label, .form-radio-item label { text-align: right!important; }

     

    hi. copy in to CSS

    i used befor . this one worked.