-
HRCCoAsked on December 19, 2017 at 8:18 AM
hi
how I can move text box to right side in Arabic translate
-
Richie JotForm SupportReplied on December 19, 2017 at 9:44 AM
You can add this custom CSS codes to make your form RTL.
.form-sub-label {
direction:rtl;
}.form-all {
direction:rtl;
}.form-line-column,.form-label-right,.form-radio-item {
float:right;
}.form-label.form-label-auto {
text-align: right;
direction:rtl;
}Here's a guide on how to inject custom CSS.
-How-to-Inject-Custom-CSS-Codes
Here is a sample screen shot.
-
HRCCoReplied on December 20, 2017 at 1:29 AM
We want only move the Arabic page only the English page no need to move , the code you sent to me move all pages Arabic & English
-
Ashwin JotForm SupportReplied on December 20, 2017 at 3:15 AM
Yes it is possible to align form fields just for Arabic language only. Please inject the following custom css code in your form and that should solve your problem:
.form-all[dir="rtl"] * {
text-align: right;
direction: rtl !important;
}
.form-all[dir="rtl"] .form-label-top, .form-all[dir="rtl"] .form-label-left, .form-all[dir="rtl"] .form-label-right {
font-weight: bold;
margin-bottom: 9px;
float: right;
text-align: right;
width:100% !important;
}
The following guide should help you how to inject custom css code in form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes