Drop-down list is still aligned to the left, instead of to the right.

  • chabadze
    Asked on May 7, 2024 at 7:46 AM
    In addition, a field of a drop-down list is still aligned to the left, instead of to the right (in languages ​​that write from right to left).
  • Ravi JotForm Support
    Replied on May 7, 2024 at 7:50 AM

    Hello chabadze,

    Thanks for reaching out to Jotform Support. I'm sorry to hear that you're having difficulty with the dropdown field aligning to the left. Can you please share the link to your form in which you're facing the issue with?

    Because when I checked your account, I found 4 forms in it and two of them are aligned to the right. In those two forms, the dropdown list is showing correctly to the right side. Checkout the below screenshots :

    Screenshot of טופס רישום לישיבה קטנה לשנה"ל תשפ"ה form : 

    Drop down list is still aligned to the left, instead of to the right Screenshot 30

    Screenshot of טופס רישום לכולל - צפת form :

    Drop down list is still aligned to the left, instead of to the right Screenshot 41

    Please share us the correct link in which you're having issue with, so we can check on it and guide you accordingly.

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

  • chabadze
    Replied on May 7, 2024 at 8:17 AM

    Drop down list is still aligned to the left, instead of to the right Screenshot 20

  • Mikhail JotForm Support
    Replied on May 7, 2024 at 8:47 AM

    Hi chabadze,

    Thanks for getting back to us. You can add a CSS code to make the dropdown element aligned to the right. Let me show you how to do that:

    • Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
    • Under the Styles tab, paste the code below into the Inject Custom CSS area.
    /* Dropdown fields align RTL - 14620161*/ 
    .form-dropdown{    
      direction : rtl;
      text-align : right !important;
    }
    /* Ends here */


    This is what it looks like after adding the CSS code:

    Drop down list is still aligned to the left, instead of to the right Screenshot 20

    Give it a try and let us know if you have any other questions.

 
Your Answer