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

  • Profile Image
    learningroots
    Asked 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.

  • Profile Image
    Mike
    Answered 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
    learningroots
    Answered 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
    learningroots
    Answered 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
    EltonCris
    Answered 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