What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I align all the questions of the form to the right?

    Asked by KerenIDB on February 06, 2017 at 08:30 AM

    I show you the form and you will understand

    https://form.jotform.me/70353249254455

  • Profile Image
    JotForm Support

    Answered by Helen on February 06, 2017 at 08:46 AM

    Hi,

    Thank you for contacting us.

    Firstly, your all field's label alignment must be checked "Set as Form Default". Please fix your first field. After that, you must delete your CSS codes and add this one:

    .form-label.form-label-right {

        text-align : right !important;

    }

    .form-all {

        text-align : right;

        direction : rtl !important;

        unicode-bidi : bidi-override !important;

    }

    I have cloned your form and tested on my side. Everything works properly on my side. As you can see below screenshot:

    I hope it helps. If you have any questions or issue, feel free contact us.

  • Profile Image

    Answered by KerenIDB on February 06, 2017 at 09:45 AM
    Thank you
    but i do not understand this: Firstly, your all field's label alignment
    must be checked "*Set as Form Default*".
    ...
  • Profile Image
    JotForm Support

    Answered by Helen on February 06, 2017 at 09:55 AM

    Hi,

    You must check this option for the CSS code can affect the field correctly. Click "Properties" icon on your field and check to "Set as Form Default". Here:

    We are glad for solving your issue. Please let us know if you need any further assistance.

  • Profile Image

    Answered by KerenIDB on February 07, 2017 at 04:45 AM
    sorry, i did it but it still not working
    maybe because i copy de css before adding de default thing?
    ...
  • Profile Image
    JotForm Support

    Answered by Jim_R on February 07, 2017 at 05:34 AM

    Hello, I've made a minor revision to my colleague's codes. You need to do 2 things to get this to work:

    1. Change the CSS Codes.

    FROM:

    .form-label.form-label-right {

        text-align : right !important;

    }

    .form-all {

        text-align : right;

        direction : rtl !important;

        unicode-bidi : bidi-override !important;

    }

    TO:

    .form-label {

        text-align : right !important;

    }

    .form-all {

        text-align : right;

        direction : rtl !important;

        unicode-bidi : bidi-override !important;

    }

    2. Set your entire Form's Label Alignment to TOP ALIGNED. Just go to the ADVANCED DESIGNER > DESIGN tab > expand the LABEL STYLES section > select TOP ALIGNED > then SAVE.

    To open your form in the Advanced Designer, use this link: https://www.jotform.com/build/70353249254455/design 

    RESULT:

  • Profile Image

    Answered by KerenIDB on February 07, 2017 at 06:45 AM
    you are great
    thank you for your eficiency!
    ...