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

    Order Form: How do I add multiple or fields to one row?

    Asked by learningroots on August 06, 2016 at 05:57 PM

    I'm trying to create a single row for an order form that has the image of a product, it's price, the name, and a quantity box for the user to fill. How do I get these elements in one row and so I can duplicate that row for many products. Everytime I add a field elements, it takes it's own line. 

     

    Also I'm not seeing the new user interface shown in your videos. I still see the old ones. I only signed up yesterday. I have cleared my cache and have added &test to the url as suggested by your support team, but still no joy.

    order form purchase order
  • Profile Image
    JotForm Support

    Answered by Mike on August 06, 2016 at 06:46 PM

    Thank you for contacting us.

    You might consider trying a Purchase Order tool from Payment Fields. It does support product images, quantities, and also automatically calculates the total.

    More information on using the payment tools:

    Setting Up Your First Order Form

    How to Add Options to Payment Forms

    To switch between our old and new interfaces use the next links.

    Old UI:

    https://www.jotform.com/?old

    New UI:

    https://www.jotform.com/?test

    If you need any further assistance, please let us know.

  • Profile Image

    Answered by learningroots on August 07, 2016 at 02:50 AM

    Thanks. I wanted to add another text field in the product order row to show 'Item Description' of each item. Using the Purchase Order tool does not allow me to do that. So I go back to my original question which is:

    "How do I get these elements in one row and so I can duplicate that row for many products. Everytime I add a field elements, it takes it's own line?"

    I've seen it being done on some template forms like this:

     

  • Profile Image

    Answered by learningroots on August 07, 2016 at 02:52 AM

    Also the new UI still does not show up using the "test" extension. Please see screenshot below:

     

  • Profile Image
    JotForm Support

    Answered by EltonCris on August 07, 2016 at 04:02 AM

    You can align fields side by side by shrinking them. Guide: https://www.jotform.com/help/90-Field-Positioning

    If you want to duplicate multiple fields at once, you can do it on the "Manage Multiple Fields" wizard. To open it, just right click any of the field then select Manage Multiple Fields.

    Example:

    With regards to the New UI question, we will answer it here https://www.jotform.com/answers/900283