-
Karmi_NaomiAsked 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
-
VincentJayReplied 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.
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_NaomiReplied 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?
-
roneetReplied 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_NaomiReplied on November 15, 2021 at 4:42 AM
-
roneetReplied 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.