Hebrew Right to Left

My form is a mess (especially after adding a theme, but before as well). I have injected and removed tons of CSS text.  At this point, I am back at a clean slate.  Please help.

1) The "questions" are supposed to be on the right side with the answers to their left

2) The instructional text under the blanks are supposed to be on the right side as well

3) The check boxes/choices are supposed to be on the right

4) The next button should be left justified with previous to the right of it

Please help!

Inject this CSS codes to your form. This should make your form in RTL direction.

.form-all {direction: rtl; } .form-label {float: right !important; } .form-pagebreak-next-container {text-align: left !important; } .form-header {text-align: right; } .form-checkbox-item:not(#foo) label:before, .form-radio-item:not(#foo) label:before {right: 0; } .form-checkbox-item:not(#foo) label:after {right: 18px; } .form-radio-item:not(#foo) label:after{right:11px !important; } .form-checkbox-item:not(#foo) .form-checkbox-other {display: none !important; } .form-checkbox-other-input {right: 40px; display: inline-block; position: relative; }

Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Result:

If I have missed something, let us know.

It fixed it for a second, then I tried to keep the name first and last on the same line and suddenly, the forms is even worse than before.  Any ideas?  

Thanks!

I am testing this in my cloned version. I will update you ASAP.

Please shrink the First name and last name by using the following button in the form and then drag it side by side so that both of the fields are in the same line:

Then please inject the CSS code provided by my colleague.

The final outcome would like this:

Hope this helps!

If you are still facing some issue. Please provide a screenshot so that we can investigate further.

Thank you!

THank you, but as it is a right to left language, I need all labels on the right side.  PLease help

Additionally, the margins are off and flow off the page. 

I've fixed it. Please check now. 

You need to set the labels to right and make it as a default:

I've added the following custom CSS codes to fix the alignment of the name fields:

[data-type="control_fullname"] .form-sub-label-container {

    width: 49%;

} 

Thank you!!

Much better.  The issue that remains now is with the overall alignment of answer choices and blanks.  i.e.:

Hello,

It seems that your question was cut off for some reason. Can you please provide us some more information on what fields need to be adjusted? In case you need to post a screenshot, please follow the next guide:

How-to-Post-Screenshots-to-Our-Support-Forum

We will wait for your reply.

Thank you.

Above are 6 different screen shots as requested.  The issue that remains now is with the overall alignment of answer choices and blanks, as depicted above.  The answer choices are  far away from the check boxes and even off the page at times (again, please remember that this is a right to left language, so it is correct that the choices are to the left of the box, just not that far).

Hello,

I can suggest to place question labels on top and add the following code:

.form-label.form-label-auto {

  text-align: right !important;

}

label {

  float: right !important;

}

Please check this test form: https://form.jotform.com/81963037926970 

Please let us know if you need to adjust the layout differently.

Thank you.