Arabic and English alignment trouble

  • stratis63
    Asked on February 11, 2020 at 1:23 PM

    I do have in this form some free text, 

    When the user is using English language  the user has to write left to right

    When the user is  using Arabic Text the user has to type right to left

    the CSS gives only one option per field what should I do.

    The same applies to first name last name  . there i used a workaround and used a new field as the name field on the template does not change when th language changes to arabic I could not use this field as the order in arabic is the opsite

  • Albert_G
    Replied on February 11, 2020 at 3:21 PM

    Hi stratis63,

    You can use this a css code that makes the changes only on specific languages.

    Please feel free to use the code below:

    .form-sub-label:lang(ar) {
        direction : rtl;
        unicode-bidi : bidi-override;
    }

    .form-all:lang(ar) {

        direction : rtl;
    }

    .form-line-column:lang(ar), .form-label-right:lang(ar), .form-radio-item:lang(ar) {

        float : right;
    }

    .form-label.form-label-auto:lang(ar) {

        float : right;
        text-align: right;
    }


    Please let us know if you require further assistance.

    Thank you.