Form settings: How can i change forms directions without CSS

  • a.bnsultan-c
    Asked on October 20, 2020 at 4:20 AM

    how can i change forms directions?

  • jherwin
    Replied on October 20, 2020 at 6:10 AM

    Below is a generic CSS code that should change your form's direction RTL. I believe it should cover all classes/IDs.

    .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;
    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know how it goes.

  • a.bnsultan-c
    Replied on October 20, 2020 at 6:33 AM

    why not support it? my company is asking me to find a better alternative from Wufoo

    and not having official support for RTL might cause future challenge which I can't recommend as an alternative solution :(

  • Girish JotForm Support
    Replied on October 20, 2020 at 7:19 AM

    Please note that you can change the directions using the codes provided by my colleague above.

    Were you able to try those codes at your end?

  • a.bnsultan-c
    Replied on October 20, 2020 at 7:27 AM

    yes i did, but my issue is I'm not a designer and I don't have an expert on CSS Coding

    that why I can't recommend it to my boss, because if we faced an issue in the future that some items need more tweaking I'll take the blame

    that's why I was hoping for an official solution for right to left in form setting

  • Girish JotForm Support
    Replied on October 20, 2020 at 8:32 AM

    Unfortunately, the only option to change direction to RTL at the moment is by injecting CSS codes in the form.

    Here is the direct guide that will help you add CSS codes into the form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I will anyway send a feature request to our back end team to check if we can add an option in the Form settings page to automatically change form direction. We will not be able to provide an ETA, but once and if this feature gets implemented, we will let you know via this ticket.