Having trouble with changing the forms direction to RTL

  • Profile Image
    Karmi_Naomi
    Asked on November 14, 2021 at 04: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


  • Profile Image
    VincentJay
    Answered on November 14, 2021 at 07: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.png

    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?

  • Profile Image
    Karmi_Naomi
    Answered on November 14, 2021 at 09: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_

  • Profile Image
    roneet
    Answered 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.

  • Profile Image
    Karmi_Naomi
    Answered on November 15, 2021 at 04:42 AM

    Worked like magic, thank you so much!

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

    1636969347_61922b83ec4a5_

  • Profile Image
    roneet
    Answered on November 15, 2021 at 05:54 AM

    I have moved your next concern on this ticket:

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

    We will address it shortly.

    Thanks.