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

  • Profile Image
    KerenIDB
    Asked on February 06, 2017 at 08:30 AM

    I show you the form and you will understand

    https://form.jotform.me/70353249254455

  • Profile Image
    Helen
    Answered 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
    KerenIDB
    Answered 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
    Helen
    Answered 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
    KerenIDB
    Answered 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
    Jim_R
    Answered 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
    KerenIDB
    Answered on February 07, 2017 at 06:45 AM
    you are great
    thank you for your eficiency!
    ...