How to place form fields next to each other?

  • zugfrig78
    Asked on March 13, 2016 at 3: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

     

    How to place form fields next to each other? Image 1 Screenshot 20

  • Ashwin JotForm Support
    Replied on March 13, 2016 at 4: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!

  • zugfrig78
    Replied on March 13, 2016 at 6: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

  • Boris
    Replied on March 13, 2016 at 6:46 AM

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

    This is how your form currently displays:

    How to place form fields next to each other? Image 1 Screenshot 40

    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:

    How to place form fields next to each other? Image 2 Screenshot 51

    It will result in your form displaying like this:

    How to place form fields next to each other? Image 3 Screenshot 62

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

  • zugfrig78
    Replied on March 13, 2016 at 6:56 AM

    FANTASTIC THANK YOU... 

     

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

  • Ashwin JotForm Support
    Replied on March 13, 2016 at 8: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!