Hebrew forms RTL; Align merged fields to right:

  • Profile Image
    idanfactor
    Asked 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

  • Profile Image
    NeilVicente
    Answered 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
    idanfactor
    Answered on September 07, 2011 at 06:36 PM

    Perfect!

    Thanks...

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

  • Profile Image
    NeilVicente
    Answered on September 07, 2011 at 06:37 PM

    Always glad to be of help :)

  • Profile Image
    kafh
    Answered 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
    liyam
    Answered 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
    kafh
    Answered 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
    liyam
    Answered 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
    kafh
    Answered on November 20, 2011 at 11:58 AM

    all thing's is done

    i fix it

     

    thanx alot dear support

  • Profile Image
    abajan
    Answered 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
    kafh
    Answered on November 20, 2011 at 03:57 PM

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

  • Profile Image
    abajan
    Answered on November 20, 2011 at 04:02 PM

    You're quite welcome. :)

  • Profile Image
    kafh
    Answered 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
    BJoanna
    Answered 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