Having trouble with changing the forms direction to RTL

  • Karmi_Naomi
    Asked on November 14, 2021 at 4:40 AM

    Hello!

    I've tried injecting CSS in order to change all the texts and labels in my forms to RTL, as the forms are in Hebrew, and I'm having trouble with the process.

    Have you got a recommended command other used successfully?

    Many thanks ahead,

    Naomi


  • VincentJay
    Replied on November 14, 2021 at 7:51 AM

    Hello,

    Please try updating the form field label alignment. You can try selecting the Left and then select the Right again and set it as default.

    1636894198 619105f6d5a94 aca251ssf Screenshot 10

    After that, remove all custom CSS code to the form and add this one:

    .form-all {
     direction: rtl !important;
    }

    .form-line-column, .form-label-right {
     float: right !important;
    }
    .form-label.form-label-auto {
     text-align: right !important;
     direction: rtl !important;
    }
    .form-sub-label {
     direction: rtl;
    }
     input, select, textarea {
       text-align: right !important;
    }


    If that didn't work, please let us know. Also, is it okay if we do it on our end?

  • Karmi_Naomi
    Replied on November 14, 2021 at 9:15 AM

    Thank you, that indeed helped.


    There are a few fields I wish to place the label on top, a these are still LTR. Can you advice on how to align the top label to the right?

    1636899341 61911a0d293e2  Screenshot 10

  • roneet
    Replied on November 14, 2021 at 10:29 AM

    Could you please add this CSS to your Form Designer:

    .form-label-top {

    text-align: right !important;

    direction: rtl !important;

    }

    Let us know how it goes.

    Thanks.

  • Karmi_Naomi
    Replied on November 15, 2021 at 4:42 AM

    Worked like magic, thank you so much!

    Is there a way to align the radio button to the right, please?

    1636969347 61922b83ec4a5  Screenshot 10

  • roneet
    Replied on November 15, 2021 at 5:54 AM

    I have moved your next concern on this ticket:

    https://www.jotform.com/answers/3511127

    We will address it shortly.

    Thanks.