i want to make my form in the right side

  • Profile Image
    m3amer
    Asked on June 17, 2013 at 03:53 PM

     

    http://form.jotform.co/form/31674012051845?

     

    please i need to make my above form appeare from right to left not left to right

     

    thanks 

    with my best regards

    Mohamed Amer


     

  • Profile Image
    jonathan
    Answered on June 17, 2013 at 04:07 PM

    Hi Mohammed,

    You may want to review this thread 

    https://www.jotform.com/answers/161499-Align-text-right-Hebrew-Language it seems your requirement is similar.

    I did a test using your form as demo http://www.jotformpro.com/form/31676452581964?

    I used this CSS codes

     

    .form-all {

    text-align: right;

    direction: rtl !important;

    unicode-bidi: bidi-override !important;

    }

    .form-line-column,

    .form-label-right,

    .form-radio-item {

    float:right;

    }

     

     

    Hope this help. Pleas inform us if you need further assistance.

    Thanks.

  • Profile Image
    m3amer
    Answered on June 17, 2013 at 05:08 PM

    very good
    but what about collapse title
    i need it align right also
    thanks
  • Profile Image
    Mike_T
    Answered on June 17, 2013 at 05:50 PM

    In this case you will also need to float a .form-collapse-mid class to the right, so the full CSS will be:

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

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

    Thank you.

  • Profile Image
    BJoanna
    Answered on August 16, 2015 at 12:29 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