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

    Hebrew forms RTL; Align merged fields to right:

    Asked by idanfactor on September 07, 2011 at 06:09 PM

    Hi Guys
    I'm building a hebrew form and I need to align merge fields to right.
    As you know, hebrew is right to left language.
    When I'm merge the fields to be located side by side - they are aligned to left. 

    Form example (displays the problem):
    http://tinyurl.com/4xu3xpd

    Hebrew;RTL;Merged Hebrew Merged RTL
  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 07, 2011 at 06:18 PM

    Hi,

    Please try this css code

    .form-line-column {
       
    float: right;
    }

    If you have issues with the field arrangement, you can use  floatnone; instead.

    Hope this helps. Thanks!


    Neil

  • Profile Image

    Answered by idanfactor on September 07, 2011 at 06:36 PM

    Perfect!

    Thanks...

    You are the best support team I've ever encountered!  :)

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 07, 2011 at 06:37 PM

    Always glad to be of help :)

  • Profile Image

    Answered by kafh on November 20, 2011 at 07:11 AM

    where can add the cod please

    i try add to css but it's not work

  • Profile Image
    JotForm Support

    Answered by liyam on November 20, 2011 at 10:40 AM

    Hello kafh,

    I checked your form and noticed that the CSS code is already added.  Can you confirm if the form that you have is already what OK?

    If you wish to have the labels exchanged positions with the form fields, you can add this:

    .form-label-right {
    float: right;
    }
    .form-input {
    float: left;
    }

  • Profile Image

    Answered by kafh on November 20, 2011 at 10:46 AM

    that's right support i need float labels

    i'll try the new coe

    Another question
     
    Is the new code of form
    need to Copy the new code to my blog ? 

     

     

      

     


    السماح بالكتابة بحسب النطق الصوتي
    Another question
    Is the new amendment to the form
    Copy the code calls for a new and added to the Code
  • Profile Image
    JotForm Support

    Answered by liyam on November 20, 2011 at 11:00 AM

    This depends on how you embedded your form to your blog.

    If you have copied using source, then you will need to update the code on your blog, but if you have used iframe, or script embed (using javascript code), then there is no need.  It will update as soon as you have edited your form via JotForm.

    For your other question, the same still applies.  any amendment to your form, including CSS injection inserts and modifications shall depend on how you embedded your code inside your web page (blog). If you placed your code using iframe, script embed, feedback, lightbox or pop-up, you will not need to edit your blog page.  But if you used source (HTML source code), then you will have to update your code inside your blog as well.

    Please let us know if you have other questions or concerns.

  • Profile Image

    Answered by kafh on November 20, 2011 at 11:58 AM

    all thing's is done

    i fix it

     

    thanx alot dear support

  • Profile Image
    JotForm Support

    Answered by abajan on November 20, 2011 at 01:58 PM

    Hi Kath

    Glad you are pleased with the result. I had been tinkering around with the injected CSS of your form to see how closely I could mirror the left-to-right (LTR) version and here's the result. Unfortunately, I wasn't able to find a simple way to get the "Other" selection on it's own line.

    Below is the total CSS that was injected:

    .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;
    }

    As you can see, that's an awful lot of code just to get the correct appearance. That's why a request ticket was submitted yesterday asking our developers to look into the possibility of simplifying the procedure of creating RTL forms. Basically, the idea is that when a user selects a language that is normally written in a RTL direction, the form builder will detect that and by default, any forms created by the user will be automatically formatted to suit. However, we can't make any promises as to when (or even if) this feature will be implemented.

  • Profile Image

    Answered by kafh on November 20, 2011 at 03:57 PM

    Wow
    This support and assistance in the very magnificence
    Thank you all

  • Profile Image
    JotForm Support

    Answered by abajan on November 20, 2011 at 04:02 PM

    You're quite welcome. :)

  • Profile Image

    Answered by kafh on November 20, 2011 at 05:19 PM

    i think some  img (left+right) in email form need to modify

    i fix it by frontpage

    just for inform you

  • Profile Image
    JotForm Support

    Answered by BJoanna on August 16, 2015 at 12:30 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