Why is the field moving to the next line?

  • Profile Image
    golforfood
    Asked on October 20, 2017 at 12:37 AM

    When I am in the build section the items on the form are in their correct position, but when I go to preview if shifts one of them down to the next line.  It looks like everything on the left margin is tight, but I don't have that same look on the right margin.  Can I go into CSS and make that adjustment for the right side?

  • Profile Image
    Jim_R
    Answered on October 20, 2017 at 04:24 AM

    When shrinking fields, it's important to take note of the entire Form Width. If the 2nd or 3rd or 4th shrank field on a single line can not occupy the remaining space, it will automatically move to the next line.

    A quick way to fix this is to adjust your FORM WIDTH a little. I changed it from 1000 to 1100 on a cloned copy of your form and here's the result: https://www.jotform.com/72921871043960

    It's worth mentioning that we have a feature called FORM COLUMNS that you may want to check out. If you will be fiddling around with this option, I suggest you clone your form first so you won't overwrite your changes on the current one you're building.

    Related guides:

    Setting-up-Form-Columns

    How-to-clone-an-existing-form-from-a-URL