What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    Control sizing and alignment tips

    Asked by bellspureice on May 12, 2015 at 12:21 AM

    I am setting up a form that has controls laid out left to right and top to bottom, i.e. the user will fill in the fields left-to-right across a line and then down to the next line etc.  I'm looking for tips to help me move the controls around into position without having to rely on the default size and alignment when I shrink or expand the controls.  How can I move controls to be in a very specific position across the form?

    I'm also wondering if there is a way to have different layout options for different parts of the form, e.g. have a label width of 100 in one section and 200 in another. 

    Also I have added a date/time control and I can't get the individual day-month-year-hour-minute-second boxes to the correct width.  If I leave the Time option off then the date looks good but when I turn Time on the boxes shrink down too small and the time boxes move below the date boxes.

    Any tips would be greatly appreciated.  Perhaps someone can recommend a good tutorial to help me to fast track my learning on this.

  • Profile Image

    Answered by Boris on May 12, 2015 at 02:42 AM

    Hello bellspureice.

    Please note that we can only assist you with one question / issue per thread, so I have moved your other two questions to separate threads:



    When it comes to moving your fields to specific parts of the form, please take a look at the following guide Form-Field-Positioning.

    These are some of the options at your disposal: shrink or expand the field, move it to a new line, merge it to the line above, or just dragging the field up/down to where you want it to be.

    Please test the options out and see how the field positioning works. If you have further questions, please don't hesitate to let us know and we will be glad to assist you.