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

    How to place form fields next to each other?

    Asked by zugfrig78 on March 13, 2016 at 03:34 AM

    ahh hah! 

     

    Brilliant just what i want,... thanks

     

     

    ok next problem... can i get my 22 boxes to lay out in this exact order (note picture is big scroll across as last row is longer than the rest

     

  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 13, 2016 at 04:09 AM

    Hello zugfrig78,

    You can take advantage of our "Shrink" feature to place your form field next to each other. The following guide should help you:  http://www.jotform.com/help/90-Form-Field-Positioning 

    You may also like to take a look at the following guide as well:  http://www.jotform.com/help/328-How-to-Position-Fields-in-JotForm 

    Please take a look at the following form where I have added several dropdown fields place next to each other:  https://form.jotform.com/60721834996971 

    Feel free to clone this form for a closer look. The following guide should help you in form cloning:  http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL  

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by zugfrig78 on March 13, 2016 at 06:01 AM

    hi

     

    we are missing one line of the 3 drop downs

     

    ive been trying to add an extra line but it will not line up so i can get the 4 down to the bottom

  • Profile Image
    JotForm Support

    Answered by Boris on March 13, 2016 at 06:46 AM

    I believe this is about your form 60722282534856, named 22 drop downs.

    This is how your form currently displays:

    From what I understand in your last message, you would like to move the three last fields to a line of their own. You can do so easily in the Form Builder, while editing your form.

    Please click on the field that will be going to a new line, click its gear-shaped icon, and Move to a new line:

    It will result in your form displaying like this:

    If you need any further assistance, please let us know. We are here to help.

  • Profile Image

    Answered by zugfrig78 on March 13, 2016 at 06:56 AM

    FANTASTIC THANK YOU... 

     

    LAST QUESTION, CAN I MAKE THE DROP DOWN BOXES SLIGHTLY WIDER

  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 13, 2016 at 08:16 AM

    Hello zugfrig78,

    Please inject the following custom css code in your form to increase the width of the dropdown field:

    .form-dropdown {

    width:140px !important; 

    }

    You can change the value to increase / decrease the width of dropdown field.

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!