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 have multiple pages of items in purchase order?

    Asked by dclempa on April 18, 2013 at 04:17 AM

    Here is the form template that I am using.

    <script type="text/javascript" src="http://form.jotform.us/jsform/30987304352152"></script>

    I want to make another one with 125 items. Is there any way to split those items into two or three pages. The

    form would be too long with 125 items on one page.


    Any suggestions? The items will be similar to my form now but just more items. I have like 26 labels of the Alphabet

    from A to Z. They sell for 4.75 each but I don't know any other way to do this but to put each item seperate because\

    they may want to order 1 roll of labels letter "A" then maybe another roll of label letter "B"


    Thanks Dennis

    Page URL:

    purchase items form template JotForm template label
  • Profile Image

    Answered by moonzkie on April 18, 2013 at 07:04 AM


    Unfortunately, it is not possible to divide a payment field. What I suggest you to do is to make use of the Add New Option so you can instead of having all of the letters as a separate product you can instead name the product as ie. Alphabets then have all the letters in a dropdown option.


    PS: You can add as much dropdown option as you want.

    Hope this helps. 

    Thank you.

  • Profile Image

    Answered by dclempa on April 18, 2013 at 06:13 PM

    Thanks for the reply. I tried what you said but I cannot get it to work properly. If you just choose one of the items (letter) then you are
    are good to go but if you let’s say want to buy one item letter “A’ and then buy 2 of letter “B”, it will not calculate but once. Am I doing
    something wrong?


  • Profile Image
    JotForm Support

    Answered by EltonCris on April 18, 2013 at 10:27 PM

    Hi Dennis,

    My suggestion would be to put a fixed wiidth on your product section and make the products scrollable. Example would be this: http://form.jotformpro.com/form/31064811210943?

    I think this would be the easiest solution. If you like, we can provide you the CSS codes and inject it to your form to make the product sections like this.


  • Profile Image

    Answered by dclempa on April 18, 2013 at 10:40 PM
    Wow, Elton your support team is fantastic!! That code would surely do the trick. Can you send it to me or show me where to go get it.



  • Profile Image
    JotForm Support

    Answered by EltonCris on April 18, 2013 at 11:57 PM

    Hi Dennis,

    Sorry for the delay. 

    Is this the form that you'd like to make the product scrollable? http://form.jotform.us/form/30987304352152

    I am asking this because there's an ID on the CSS code that needs to be matched on your product field ID. This is needed in order for the code to work on your form. 

    If that's the form, inject the following CSS codes to that form.


    height: 275px;

    overflow-y: scroll;

    border: 1px solid #B8B8B8;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;




    position: absolute;

    top: 310px;




    padding-top: 30px;


    Guide: How to Inject Custom CSS Codes to your Form


    Let us know if you need any further assistance. Thank you!

  • Profile Image

    Answered by dclempa on April 19, 2013 at 12:36 AM
    No the http://form.jotform.us/form/30987304352152 is finished and only needed the 32 items.
    The http://form.jotform.us/form/31070890432145 is the one that I am trying to put 60 to 100 items on. I only added one item
    to the template and I am trying to learn how to set this form up before continuing to add items.
    I added the script you gave me to this form but it must not be right because all the items do not show up when you scroll and
    the “Total” at the bottom of the page overlaps the “Next Page Button” I guess I need to learn how to match ID on the CSS code
    my product field ID. I want to use this script on several forms that I will be creating.
    How and where do I get the two ID numbers?
    You can look at what I did. I guess the #id_29 is the ID on the CSS code?
    Thanks Dennis

  • Profile Image
    JotForm Support

    Answered by Welvin on April 19, 2013 at 04:55 AM

    Hi Dennis,

    As far as I can see, all the product items (9 items) on this form: http://www.jotform.us/form/31070890432145 are visible when you scroll down. The codes given by my colleague is correct.

    To fixed the alignment for Grand Total, inject this codes to your form:


    #cid_7 {

    margin-top: 25px !important;



    Same Guide: How to Inject Custom CSS Codes

    Then, find and remove this codes:



    padding-top: 30px;





  • Profile Image
    JotForm Support

    Answered by Welvin on April 19, 2013 at 05:06 AM

    I forgot to mention on how you can find the Field ID's and Classes to the form. Two ways;

    1. By following this guide: How to Find Field IDs & Names

    2. Using Inspect Element feature of Chrome and Firefox, highlight or point your mouse to the item on the form you want to check its ID/Class then Right Click and click "Inspect Element;



  • Profile Image

    Answered by dclempa on April 19, 2013 at 05:59 AM

    Thanks, that was my mistake. All the items are there. I was thing of all the items on the other form.
    Thank you for your excellent support!!