Fix Indentation of various elements

  • Clintluna
    Asked on September 23, 2018 at 4:45 AM

    On this form: https://www.jotform.com/build/82647411684159


    There are various elements on page 2, (eg "Relationship to Applicant") that are mysteriously indented 1/4 of the page, not sure why? Want them to be inline with the left side of the page.

  • Richie JotForm Support
    Replied on September 23, 2018 at 6:14 AM

    To move the fields we need to use the move to a newline feature in your fields.

    Select the fields "Relationship to Applicant","Years licensed in the state policy issued" and "Job description" and turn the Move to a new line to ON.

    Go go your Field properties and click Advanced and turn move to a new line ON.

    Fix Indentation of various elements  Image 1 Screenshot 30

    Screenshot:

    Fix Indentation of various elements  Image 2 Screenshot 41

    Please give it a try and let us know if the issue still remains.

    Thank you.

  • Clintluna
    Replied on September 25, 2018 at 5:34 PM

    Thanks that worked!  Is there an easier way to reduce gaps between various fields besides having to enter CSS code for each one? Or is that the only way? Thanks!

  • Kevin Support Team Lead
    Replied on September 25, 2018 at 8:15 PM

    Which elements do you want to remove the gaps from? 

    The only way is by injecting CSS code, but we will check if you can handle all the elements at the same time or if it's required to handle individual fields. 


  • Clintluna
    Replied on September 26, 2018 at 2:49 PM

    Thanks...yeah for future reference it would be nice to be able to have something like an adjustable box around each element that we could use to adjust the spacing etc as well. Not sure if that's difficult to implement from the backend perspective, but if not that would be very helpful.

  • Richie JotForm Support
    Replied on September 26, 2018 at 4:14 PM

    At the moment, you can use shrink and move to new line to align/change format of your fields.

    Fix Indentation of various elements  Image 1 Screenshot 20

    If that doesn't work,you can use CSS in your forms.

    Guide:https://www.jotform.com/help/75-Customize-Your-Form-Using-Custom-CSS-Codes

    Thank you.