Centering Fields

  • mreinan
    Asked on October 24, 2017 at 1:30 PM

    How do I center all of the fields on a form?

  • David JotForm Support
    Replied on October 24, 2017 at 2:29 PM

    Adding the following code to your form should allow for the fields to be aligned:

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

    #id_17 {
        margin-left : 86px;
    }

    #id_18 {
        margin-left : 84px;
    }

    Here is how the form would look:

    https://form.jotform.com/72966074452968

    If anything else needs to be adjusted, let us know and we will be happy to help.

  • mreinan
    Replied on October 24, 2017 at 2:43 PM
    Ok, So there isn’t just a ‘Auto Align’ feature that can center every field.
    Matt Reinan
    612-201-3854
    Buzz360.co
    ...
  • David JotForm Support
    Replied on October 24, 2017 at 4:19 PM

    There is not currently an automatic alignment feature, with the exception of the default layout.  Once fields are shrunk they have variable sizing.

    You could do something like set all the column width to the same width:

    .form-line.form-line-column {
        width : 300px;
    }

    That would allow for somewhat automatic alignment.

    https://form.jotform.com/72966074452968

  • mreinan
    Replied on October 24, 2017 at 4:43 PM
    Great. Thank you for the help!
    Your company has great support.
    Matt Reinan
    612-201-3854
    Buzz360.co
    ...
  • mreinan
    Replied on October 24, 2017 at 4:43 PM
    One more question.
    Is it possible to shrink the font size of the radio buttons on the phone? Or shift to column on the phone?
    https://form.jotform.com/72964644165162

    Matt Reinan
    612-201-3854
    Buzz360.co
    ...
  • David JotForm Support
    Replied on October 24, 2017 at 6:28 PM

    I moved your new question to a thread of its own.  I will address your new question in the following thread shortly:

    https://www.jotform.com/answers/1281627