How to adjust styles of translated form?

  • dzj
    Asked on March 18, 2018 at 12:22 PM

    Hi, my original form is in English, and I have translated it into Hebrew. In Hebrew the writing is from right to left but I don't see an option to edit the format of the translated form. There are a few questions that remain in English and the writing direction is backwards. How can I change this?

     

    Thank you in advance

  • Mike
    Replied on March 18, 2018 at 2:09 PM

    Thank you for contacting us.

    It appears that the Birth Date Picker widget is not currently supported by the translation tool. You may consider using a standard Date Picker field instead.

    How to adjust styles of translated form? Image 1 Screenshot 20

    The direction is being changed automatically to the RTL format once the Hebrew language is selected. Would you like to change some specific alignments? We can try using a custom CSS based on the [dir=rtl] selectors to adjust the styles.

  • dzj
    Replied on March 18, 2018 at 2:43 PM
    Thank you for your quick response!
    I have changed the date picker. I would like to change specific ailments
    for the Hebrew page (I don't see any options to edit the translated page).
    The text needs to be on the right and the punctuation is coming out wrong
    ...
  • dzj
    Replied on March 18, 2018 at 3:43 PM
    There is also one question that I have translated to Hebrew, but when I
    preview the form it's in English. The translation didn't come through
    ...
  • Mike
    Replied on March 18, 2018 at 5:09 PM

    To fix the question, remove the extra space in the question text and then translate it again.

    How to adjust styles of translated form? Image 1 Screenshot 30

    Regarding the alignment, try adding the next CSS to the form:

    [dir=rtl] .form-label {
    display: block;
    width: 100% !important;
    float: right !important;
    text-align: right !important;
    }
    [dir=rtl] .httal {
    text-align: right !important;
    }

    How to adjust styles of translated form? Image 2 Screenshot 41

    Does this help with the alignments in the Hebrew translation?

  • dzj
    Replied on March 20, 2018 at 12:43 PM
    Thank you that helps a lot with the alignment.
    The only problem still is the punctuation - the question marks appear at
    the wrong side (before the question rather than after), and the brackets
    have moved around (where needs to be a closed bracket is an open one for
    example)
    ...
  • Nik_C
    Replied on March 20, 2018 at 1:47 PM

    I'm not sure why only in that field question mark is not showing properly.

    I wasn't able to replicate the brackets issue though.

    Please allow me some time to check this issue further.

    Thank you!

  • Nik_C
    Replied on March 20, 2018 at 2:39 PM

    The issue was with a position on the question mark:

    1521570889Screen Shot 2018 03 20 at 7 Screenshot 10

    It should be on the left-hand-side, and it should work fine:

    1521571113Screen Shot 2018 03 20 at 7 Screenshot 21

    I adjusted that on your form as well.

    Please check and let us know how it worked.

    Thank you!

  • dzj
    Replied on March 21, 2018 at 10:43 AM
    Hi thank you for your help I appreciate it. I played around with the
    brackets in the translation fields and i've figured it out. All the
    punctuation is now in the right place.
    Thank you!!
    ...