Can I Just change RTL in just the arabic form?

When I want to create multiple form like english and arabic but , At the same time I want only the arabic form to be RTL and english be normal but, That what happened after using the CCS Code 

""

.form-all * {

    text-align: right;

    direction: rtl !important;

    unicode-bidi: bidi-override !important;

}

label.form-label-top, label.form-label-left, label.form-label-right {

font-weight: bold;

margin-bottom: 9px;

float: right;

text-align: right;

}

""

// arabic form be like okay but the county name in the red box written upside down 

If I am not mistaken this is not possible. I have tried added CSS code to a particular language, but this will also affect the other language.

The best advice at the moment to to create two different form one in Arabic and the other in English.

If I find a work around, I will let you know.

Thanks you but when I create a form with only arabic language, it'll suspend my account I don't know why 

As long as your form does not violate our terms, your account should not be suspended. Unfortunately, our phishing software is not great with Arabic language and could happen. Please let us know if this occurs so we can immediately enable your account. 

So now I try to process my form in arabic! and if my account is suspended I'll let you know 

Your account is now good to go. Your form should be working fine by now. Our apologies for this inconvenience.

And by the way, it is actually possible to inject a CSS that works specifically on RTL form. Our language feature has a built-in function that adds an RTL attribute on the form source once you use RTL languages like Arabic which we can use for CSS injection.

Please use the following CSS codes in your form.

.form-all[dir="rtl"] * {

    text-align: right;

    direction: rtl !important;

    unicode-bidi: bidi-override !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;

}

.form-all[dir="rtl"] [data-type="control_fullname"] .form-sub-label-container:first-child {

    margin-right: 0;

}

This CSS codes will only work when you enable language translation in your form with RTL language like Arabic.

Demo: https://form.jotform.co/53525559716868

Hope this helps!

Thank you for your Support <3 . 

On behalf of all our colleagues involved, you are kindly welcome. It is nice to hear that, the problem is solved for you.

If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

♥  ♥  ♥ 

Hi, I added this CSS to my form, and it works, but it also changes numbers and English letters within the Arabic text to RTL. How can I exclude them?

Also all fields are right to left (see here the country selection)

Please help.

Thank you!

Update:

I just removed the line 

    unicode-bidi: bidi-override !important;

and it seems to work now.

Thank you for sharing your solution with us. We are glad to hear that the issue has been resolved for you.

If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.