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

    CSS - Increasing dropdown items and positioning two items side by side

    Asked by idanfactor on August 05, 2011 at 10:13 PM

    Can I increase the size of the dropdown item?

    I want it bigger (Lets say like google.com search bar).

    In addition,
     I want to build select category and sub-category (dropdowns) menu/
    Can I position them size by size (instead of one under another).

    What is the best way to build category and sub-categery menus?
    (Using the Conditioning?).



  • Profile Image

    Answered by brx250 on August 05, 2011 at 11:50 PM

    Hi idanfactor,

    Thank you for using JotForm.

    You can try the following CSS codes. Hope this helps.

    .form-dropdown { padding:10px; height:70px; font-size:20px;}

    If you need further assistance, please feel free to contact us.


    Albert  |  JotForm Support  

  • Profile Image
    JotForm Support

    Answered by liyam on August 05, 2011 at 11:51 PM

    Hello idanfactor,

    You can also adjust the width of your dropdown menu by editing your form, select the dropdown menu field, clicking properties tab, and adjusting its width.

    I'm not sure about what you're trying to achieve on your conditional drop down menus.  Can you tell us what you mean by size by size?



  • Profile Image

    Answered by idanfactor on August 06, 2011 at 07:29 AM

    Thanks Liyam and Albert.
    I think I just use the conditional drop down.

    Can I display two dropdown items one by one (from right to left)

    The default is one under another.

  • Profile Image
    JotForm Support

    Answered by liyam on August 06, 2011 at 07:43 AM

    Hello idanfactor,

    I apologize I misunderstood your question just to later realize that it's the same question up in the title.

    To make your form's drop down menus sit side by side, simply edit your form and then select the field, then press the right click on your mouse and then select Shrink.

    This process is also applicable to the rest of the field items.



    If it still does not go side by side, you can further adjust your form fields by aligning them

    If you're having difficulty achieving this, just let us know.  If you have other questions or concerns, please don't hesitto start a new thread topic.



  • Profile Image

    Answered by idanfactor on August 06, 2011 at 07:51 AM

    The option "Shrink" Works great :)
    This is what I was looking for.

    BTW, I don't see the option "Merge to above line". How can I see it and what it actually does? 

  • Profile Image
    JotForm Support

    Answered by liyam on August 06, 2011 at 07:54 AM

    This will only show once after you have shrinked the field.  Pressing right click again then that option will show up.

    Warm regards,