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

    Can I split a purchase order form into sections

    Asked by mark4science on March 06, 2014 at 06:08 AM

    I'm creating a purchase order form. There are alot of items to choose from, and the single list looks extremely long (especially when adding the quantity boxes). Is there a way to split up a purchase order form into sections?

    order form purchase order form sections purchase
  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 06, 2014 at 06:48 AM

    Hello mark4science,

    Do you want to list your products in categories?

    Though there is no direct option to achieve your requirement but it is achievable with a little workaround. The following guides should help you achieve your requirement: 

    http://www.jotform.com/help/178-How-to-Have-Sub-Category-or-Sub-Labels-on-an-Order-Form

    Do get back to us if you meant to ask something else.

    Thank you!

  • Profile Image

    Answered by mark4science on March 06, 2014 at 07:12 AM

    Thanks for the speedy response; that's a neat workaround.

    One more thing - can I add the quantity field to the right of each item? At the moment, it appears underneath and so, even with the subheaders breaking up my list, it still looks really long.

    Thanks.

  • Profile Image

    Answered by pinoytech on March 06, 2014 at 08:54 AM

    Hi,

    Inject this custom css in your form to achieve that.

    .form-product-item {

    width: 600px !important;

    }

    .form-product-item br {

    display: none;

    }

    .form-product-item .form-sub-label-container {

    width: 200px !important;

    float: right;

    }

    You might like to take a look at this clone form: http://www.jotformpro.com/form/40643885531963

    Feel free to contact us again if you need further assistance.