Arabic Support

  • Profile Image
    nasriosman
    Asked on July 01, 2012 at 12:37 PM

    Can JotForm support Righ to Left orientation

  • Profile Image
    gori-mathew
    Answered on July 01, 2012 at 12:58 PM

    Hi

    Thanks for contacting us. Unfortunately, we don't support arabic language (Right to left orientation). There is no option to translate the field names in your Arabic language after you're done building the form. The only way to achieve this is to translate (using Google Translate) and change each names manually.

    The following link gives you the list of supported/translated languages; http://www.jotform.com/help/55-JotForm-Languages

    Lets know if you need further assistance

  • Profile Image
    EduardoMendez
    Answered on January 07, 2013 at 02:08 PM

    Hi there, 

    You can customize your forms to display RTL by injecting the following CSS code:

    .form-all {
    text-align: right;
    direction: rtl !important;
    unicode-bidi: bidi-override !important;
    }

    .form-line-column,
    .form-label-right,
    .form-radio-item {
    float:right;
    }

    .form-input {
    -moz-border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
    }

    .form-label-right {
    -moz-border-radius:0 5px 5px 0;
    -webkit-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
    border-color:#777;
    border-style:solid solid solid none;
    border-width:1px 1px 1px medium;
    text-align:right;
    margin:0 0 6px 6px;
    }

    .form-radio {
    margin:1px 5px 0 5px;
    float:right;
    }

    .form-radio-other-input {
    margin-left:0;
    }

    #other_7, #other_9 {
    margin-top:5px;
    }

    #id_2 .form-input-wide,
    #id_6 .form-input-wide {
    padding-right:175px;
    }

    .form-error-arrow {
    right:20px;
    }

    .form-error-arrow-inner {
    right:-10px;
    }

    .form-error-message img {
    float:right;
    margin:0 0 0 5px !important;
    }

    To inject CSS codes to your form, please follow this guide:

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

    Please give that a try and let us know if you need further assistance!

  • Profile Image
    abdullahhajar827
    Answered on March 08, 2015 at 07:33 AM

     

     

    How to do it make Arabic form and English :-

    It is a bit confusing but it worked with me

    1.      Copy the CSS code above as mentioned before in the form style

    2.       Write any English sentence/word before the CSS like (hello) the the CSS code

    3.    Then set the English language as th

    e default language

    NOW your form will appear as in English as it is the default language , but when you change it into Arabic, you will see that the words went to the right side !!!!!!!!.

     

     

     

  • Profile Image
    Carina
    Answered on March 08, 2015 at 11:53 AM

    @abdullahhajar827 
    I moved your question to a new thread so it can be properly addressed by our team. Let us know if we can assist you further.

  • Profile Image
    BJoanna
    Answered on August 13, 2015 at 02:06 PM

    Inside of the form templates gallery I created one template form that you can use. 

    Inside of that form I used Custom CSS that will enable Arabic language from right to left. Custom CSS used inside of this form can also be applied to Hebrew language.

    You can find my form inside of the Form Templates gallery:

    http://www.jotform.com/form-templates/arabic-financial-application-form-rtl-css-2