What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Hi, how I can make textboxes "in Full name field" as arabic forms beigen from right side.thanks

    Asked by ahmad_faisal on June 05, 2011 at 02:16 AM
    name
  • Profile Image

    Answered by allanftd on June 05, 2011 at 04:30 AM

    Salam ahmad_faisal,

    Thank you for your inquiry. You cannot configure this through JotForm's current settings. But, you can instruct your users to press Alt and Shift keys simultaneously on an Arabic-compatible keyboard. Depending on the keyboard manufacturer, you may also try Ctrl and Shift keys simultaneously. 

    Please refer to the links below for related information:
    http://www.ehow.com/how_4864559_type-arabic-arabic-keyboard.html
    http://www.language.iastate.edu/lsrc/docs/arabic.pdf

    We hope you find this information useful. Thank you for using JotForm!

    JOTFORM SUPPORT 

  • Profile Image

    Answered by ahmad_faisal on June 05, 2011 at 04:41 AM
    Thanks for getting me MrMs

    No, I mean I want to move “Textboxes” as Arabic form (from right to left)like this



    Last name – Middle Name – First name



    Thanks again



    Ahmad.F



  • Profile Image

    Answered by allanftd on June 05, 2011 at 05:00 AM

    Hi Ahmad,

    Thanks for clarifying. Instead of using the Full Name field type, you can use 3 separate Text Box fields, representing the full, middle, and first names respectively. Shrink each Text Box so that it will be displayed side by side in a single line. Please check this sample form for a live demonstration. You can clone it if you like.

    http://www.jotform.com/form/10691226277

    We hope you find this information useful. Please let us know if you need further assistance.

    JOTFORM SUPPORT

  • Profile Image
    JotForm Support

    Answered by abajan on June 05, 2011 at 05:14 AM

    Hi Ahmad

    Thanks for asking. This can be accomplished by doing the following:

    1. Load the form in question into the form builder/editor

    2. While on the Setup & Embed tab, click Preferences

    3. In the Preferences, click the "Form styles" tab and enter the following into the "Inject Custom CSS" section:

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

    4. Click "Close Settings" and save the updated form

    Here is a sample form which has that CSS injected.

    Please feel free to enquire more about this and other features of our forms. Our team will gladly assist you where we can.


    ~ Wayne

  • Profile Image

    Answered by ahmad_faisal on June 05, 2011 at 05:35 AM
    Thank you Mr. Wayne Very very very much for this help

    Thank you my bro really





  • Profile Image
    JotForm Support

    Answered by abajan on June 05, 2011 at 05:41 AM

    That's quite alright, Ahmad. We're always happy to help our users resolve form related issues and get the most out of their forms.

    ~ Wayne

  • Profile Image

    Answered by ahmad_faisal on June 05, 2011 at 05:49 AM
    Mr.Wayne



    When I enter This Css code The Image also move with the field..please help

    Sorry for all these questions

    Thanks



  • Profile Image
    JotForm Support

    Answered by abajan on June 05, 2011 at 06:05 AM

    No need to apologise, Ahmad. I have to go out for a couple hours but when I come back I'll see what I can do about that. In the meantime, one or more of my colleagues may assist you.

    ~ Wayne

    UPDATE: To stop the header image from being moved out of position, please add the following rule under the one provided above:

    #id_23 {
    direction: ltr !important;
    }

    In other words, the entire block of new code should now look like this:

    .form-all {
    direction: rtl !important;
    unicode-bidi: bidi-override !important;
    }
    #id_23 {
    direction: ltr !important;
    }

    Please let us know if inserting the extra CSS corrected the position of the image.

    Thanks.


    ~ Wayne

  • Profile Image

    Answered by ahmad_faisal on June 08, 2011 at 08:17 AM
    Dear Wayne



    You didn’t find any solutions for my question, Please I need that…



    This Css Code : .form-all {
    direction: rtl !important;
    unicode-bidi: bidi-override !important;
    }

    move all form elements to Right side but I need (the full name field only ) become Like this

    as Arabic forms





    I’m looking forward to getting back to me



    Thanks

    Ahmad.F



  • Profile Image
    JotForm Support

    Answered by abajan on June 08, 2011 at 04:36 PM

    Sorry about the misunderstanding, Ahmad. I thought you wanted everything but the header image affected with the injected CSS. Instead you want only the "Full Name" field to be affected.

    In that case, add the rule highlighted in red below to the CSS already injected:

    .form-product-image {
    height:190px;
    width:150px;
    }
    .form-label-left {
    float:right;
    text-align:right;
    }
    .form-input {
    float:right;
    }
    #id_7 {
    direction: rtl !important;
    unicode-bidi: bidi-override !important;
    }

    Please let us know if the after doing this the form is as you want it and if there is anything else related to our forms with which you require assistance.


    ~ Wayne

  • Profile Image

    Answered by ahmad_faisal on June 09, 2011 at 01:13 AM
    Dear Wayne,

    Thank you very much >>the CSS code working 100%

    Thank you again my Friend

    Ahmad.F



  • Profile Image
    JotForm Support

    Answered by abajan on June 09, 2011 at 01:18 AM

    Super! :)

    As usual, please feel free to ask about anything related to our forms and we'll do our best to help and inform you.


    ~ Wayne

  • Profile Image
    JotForm Support

    Answered by BJoanna 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