How can I align text for Arabic?

  • Latifa87
    Asked on October 19, 2016 at 3:33 AM

    Hello,

     

    I'm trying to test your platform before going for the paid version but i'm unable to make the text right aligned for arabic!

     

    see attachment

    Jotform Thread 964919 Screenshot
  • Irshad
    Replied on October 19, 2016 at 4:09 AM

    Please try to inject the below custom 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;

    }

    How can I align text for Arabic? Image 1 Screenshot 20

    You can also use the below Arabic template:

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

    If you have any query, or need further assistance, feel free to revert back.

    Thank you!

  • Latifa87
    Replied on October 19, 2016 at 5:44 AM
    you didn't tell me the steps on how to reach this area of the form??
    i can't find it to inject this code.
    ...
  • Özlem JotForm Developer
    Replied on October 19, 2016 at 7:23 AM

    You can find steps about how to inject custom css codes in the following images below.

    1. Click "Design" icon in the Form Builder.

    How can I align text for Arabic? Image 1 Screenshot 50

     

    2. Click "Inject CSS" tab and then paste the codes in textarea. Click "Save Changes" button after you paste css codes to this part.

    How can I align text for Arabic? Image 2 Screenshot 61

     

    In addition, if you still cannot find Inject CSS part, and you see an interface like images below, follow these steps:

    1. Click CSS, and the paste codes text area.

     How can I align text for Arabic? Image 3 Screenshot 72

    2. Finally, click the "Save" button. This button at the left side of the page.

    How can I align text for Arabic? Image 4 Screenshot 83

     

    In addition, if you have more details, follow the guide: How to Inject Custom CSS Codes

     

    If you need any further assistance, please feel free to let us know.

     

    Thank you.

     

  • Latifa87
    Replied on October 19, 2016 at 8:44 AM
    the screen you show me is totally different than what i see!!
    see attachment
    ...
  • Irshad
    Replied on October 19, 2016 at 9:25 AM

    Unfortunately we have not received any screenshot or attachment. Please check the below guide, which explains how you can add images or screenshot on support forum:

    https://www.jotform.com/answers/277033-How-to-add-screenshots-images-to-questions-to-the-support-forum

    It seems you are getting new interface, when you clicked on the the "Design" icon in form builder. In the new Design interface, you need to click on "CSS" tab, and then you can inject the css code. After putting the css code, you would require to click on the Save button from the left side. Please check the below screenshot:

    How can I align text for Arabic? Image 1 Screenshot 20

    If you face any issue, or need further assistance, feel free to revert back.

    Thank you!