How to place form fields next to each other?

  • Profile Image
    zugfrig78
    Asked 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
    ashwin_d
    Answered 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
    zugfrig78
    Answered 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
    Boris
    Answered 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
    zugfrig78
    Answered on March 13, 2016 at 06:56 AM

    FANTASTIC THANK YOU... 

     

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

  • Profile Image
    ashwin_d
    Answered 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!