How to change form fields alignment from Left to Right?

  • themwlx
    Asked on May 8, 2024 at 2:18 AM

    Good morning. I would like to ask Your Excellency to modify the format to suit the Arabic language, as the format for writing in Arabic is from right to left, unlike the English language, which causes me some problems. Since I am in the process of experimenting before subscribing, can this be modified to suit the Arabic language? Attached is a picture for clarification. Thank you ..


    صباح الخير. أود أن أطلب من سيادتكم تعديل التنسيق ليناسب اللغة العربية، حيث أن تنسيق الكتابة باللغة العربية يكون من اليمين إلى اليسار، على عكس اللغة الإنجليزية مما يسبب لي بعض المشاكل. وبما أنني في طور التجربة قبل الاشتراك، فهل يمكن تعديل ذلك ليناسب اللغة العربية؟ مرفق صورة للتوضيح. شكرًا لك ..



    Abdullah Abu Zaid

  • Mary_Ed JotForm Support
    Replied on May 8, 2024 at 2:53 AM

    Hello Themwlx,

    Thanks for reaching out to Jotform Support and we’re sorry you’re having trouble with this. Are you referring to moving your form fields from left to right? If so, this can be achieved using CSS codes. Let me show you how it's done:

    1. First, copy the code below:

    .form-sub-label {
       direction:rtl;
    }
    .form-all {
       direction:rtl;
    }
    .form-line-column,.form-label-right,.form-radio-item { 
       float:right;
    }
    .form-label.form-label-auto {
      text-align: right;
      direction:rtl;
    }


    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down, and paste the code into the Inject CSS Code box.

    4. Click on Save at the bottom of the Form Designer menu, and you’re done.

    How to change form fields alignment from Left to Right? Image 1 Screenshot 30

    In regards to the submit button, you can change its current alignment as seen below:

    1. Click the Gear icon to open it's properties.

    2. Under General, change the Button Alignment, to Left.

    How to change form fields alignment from Left to Right? Image 2 Screenshot 41

    Give it a try and reach out again if you have any other questions.

  • themwlx
    Replied on May 8, 2024 at 3:18 AM

    Thank you for your cooperation. I am grateful to you for this

  • themwlx
    Replied on May 8, 2024 at 4:03 AM

    The format is still wrong and does not match the Arabic language. The code you sent me converts the appearance outwardly and not the content. I hope you will inform me correctly so that I can make my models compatible accurately. Thank you.

  • themwlx
    Replied on May 8, 2024 at 4:07 AM

    How to change form fields alignment from Left to Right? Image 1 Screenshot 20

  • Lara JotForm Support
    Replied on May 8, 2024 at 4:32 AM

    Hello themwlx,

    Thanks for getting back to us. I'm really sorry that this is happening. If you can share the link to your form, I can check it out and help you with a solution.

    Once we hear back from you, we'll be able to move forward with a solution.

  • themwlx
    Replied on May 8, 2024 at 4:40 AM
  • Ravi JotForm Support
    Replied on May 8, 2024 at 5:47 AM

    Hello themwlx,

    Thanks for getting back and sharing the form link with us. To clarify, you're facing the issue in a submission PDF, correct know? Because form is working correctly while filling out. Also, the screenshot you shared is of the submission PDF.

    If so, it is not possible to align the text to the right in an original PDF version. We need to manually move the response placeholder to the right side, so it will be shown near to the question text. Check out the below screencast for clarification :

    How to change form fields alignment from Left to Right? Image 1 Screenshot 30

    This is how it will look for the newly received submission:

    How to change form fields alignment from Left to Right? Image 2 Screenshot 41

    As the feature you're looking for isn't available at Jotform right now. We've gone ahead and escalated your request to our developers, but when or if it's developed depends on their workload, how viable it is, and how many other users also request it. If there are any updates, we’ll circle back to this thread and let you know.

    Thanks for your patience and understanding, we appreciate it.

  • themwlx
    Replied on May 8, 2024 at 6:14 AM

    This solution is incomplete. The text entered when there is a lot of overlap with the question. I hope to take into account and solve this defect. Coordination in Arabic is very important as you have many models in Arabic on your website.

  • Ravi JotForm Support
    Replied on May 8, 2024 at 6:45 AM

    Hello themwlx,

    Thanks for getting back to us. I do understand your concern, but as I mentioned, currently it is not possible to change the alignment settings of responses in an original PDF. I already raised this as a feature request to our developer team, but when or if it's developed depends on their workload, how viable it is, and how many other users also request it. If there are any updates, we’ll follow up on this thread and let you know.

    Thanks for your patience and understanding, we appreciate it.

 
Your Answer