How to have the inputs in RTL format?

  • nsaip89
    Asked on July 7, 2024 at 1:33 PM

    I can't modify the writing format in my form, I want to know how to format the writing from right to left.

  • Jerlan JotForm Support
    Replied on July 7, 2024 at 1:41 PM

    Hi nsaip89,

    Thanks for reaching out to Jotform Support. Can you share the URL of the form you are working on and take a screenshot of what’s happening and send it to us? This guide will show you how to do that.

    Once we hear back from you, we'll be able to help you with this.

  • nsaip89
    Replied on July 7, 2024 at 1:52 PM

    ‏Slide 22 I can't start writing from the right, until the writing is properly formatted in my form


    https://form.jotform.com/241844486584065



    How to have the inputs in RTL format? Image 1 Screenshot 30How to have the inputs in RTL format? Image 2 Screenshot 41

  • Ronald JotForm Support
    Replied on July 7, 2024 at 2:12 PM

    Hi nsaip89,

    Unfortunately, RTL writing format is not supported in Card Layout. As a workaround, you can switch the layout of your form to Classic and inject custom CSS codes to have your inputs start in an RTL format. It is very easy to change the layout of your form. Let me show you how.

    1. In Form Builder, select the paint roller icon in the upper-right corner.
    2. Under the Layout Tab, select the Classic Layout.

    How to have the inputs in RTL format? Image 1 Screenshot 20

    We also have a guide here to learn more about this.

    Keep us updated and let us know if you need any more help.

  • Nasser
    Replied on July 7, 2024 at 2:22 PM

    Excellent but in my model it doesn’t reflect properlyHow to have the inputs in RTL format? Image 1 Screenshot 20

  • Ronald JotForm Support
    Replied on July 7, 2024 at 2:39 PM

    Hi nsaip89,

    We can change the direction f inputs on your form by injecting custom CSS codes on it. It's easy to do. Let me walk you through it:

    1. Copy the code below.

    /* Input fields to RTL - 16627681 */

    .form-all .form-textbox, .form-all .form-radio-other-input, .form-all .form-checkbox-other-input, .form-all .form-captcha input, .form-all .form-spinner input, .form-all .form-pagebreak-back, .form-all .form-pagebreak-next, .form-all .qq-upload-button, .form-all .form-error-message, .form-all .form-textarea{
      direction:rtl !important;
    }

    /* End code here */


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

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

    How to have the inputs in RTL format? Image 1 Screenshot 20

    However, this format will not reflect on the PDF as it is not currently supported on it. We have forwarded this issue to our team for them to check. We'll get back to you once we found a workaround on this.

    Thanks for your patience and understanding, we appreciate it.

  • nsaip89
    Replied on July 7, 2024 at 3:12 PM

    Please help me 😔

  • Ronald JotForm Support
    Replied on July 8, 2024 at 10:42 AM

    Hi nsaip89,

    We have found a workaround. By turning off the Jotform Sign, you can format your PDF text alignment to start on the left. It is very easy to do. Let me show you how:

    1. In Form Builder, select the Signature field and click the Sign Automation button.

    How to have the inputs in RTL format? Image 1 Screenshot 50

    2. On the redirected window, toggle off the Enable Jotform Sign Automation option.

    How to have the inputs in RTL format? Image 2 Screenshot 61

    3. Click the Small Downward icon at the top left of the page and select PDF Editor.

    How to have the inputs in RTL format? Image 3 Screenshot 72

    4. In PDF Editor, select the Paint Roller Icon and set the Text Alignment to Left.
    5. Click the Apply Changes button.

    How to have the inputs in RTL format? Image 4 Screenshot 83

    Doing this will align the text to left on the PDF sent to your users.

    While the feature you're looking for isn't available at Jotform right now, we've gone ahead and escalated your request to our developers. Exactly 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.

    We really appreciate your patience and understanding while we’re looking into this.

Your Answer