JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
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.
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:
To switch between our old and new interfaces use the next links.
If you need any further assistance, please let us know.
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:
Also the new UI still does not show up using the "test" extension. Please see screenshot below:
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.
With regards to the New UI question, we will answer it here https://www.jotform.com/answers/900283