Field Alignment Against a Numeration or Letter

  • SeyInvest
    Asked on April 3, 2019 at 5:27 AM

    I would like to format my fields as shown in the attached photo. However, I would like the ability to be able to change the numeration to anything that I want (single letters or short words). Therefore, some type of text-element would be best.

    Jotform Thread 1780679 Screenshot
  • diana
    Replied on April 3, 2019 at 9:37 AM

    I have created a test document as follows:

    1554298076Screen Shot 2019 04 03 at 16 Screenshot 10

    First of all, you should shrink the fields in order to place them side by side. Please follow the below steps:

    -Click on the gear icon of the field.

    -Click on the Advanced tab.

    -Toggle the option "Shrink"

    1554298242Screen Shot 2019 04 03 at 16 Screenshot 21


    After that, you should inject CSS code to your form since you would like to change the width of the field.

    How-to-Inject-Custom-CSS-Codes


    You can inject the following code for the first field:


    #FieldID{


        width:140%;


    }


    The field Id can be found under the Advanced tab, as well.


    1554298498Screen Shot 2019 04 03 at 16 Screenshot 32


    I hope this helps! 

    If you need any further assistance, please let us know.