How can I create a simple order form that would be similar to the attached spreadsheet?

  • hikerted
    Asked on June 26, 2015 at 9:49 AM

    I have 2 clients with similar needs. They both need an order form that the user would fill in the fields indicating the product desired, quantity and size. Each order requires special handling and direct communication with the customer to determine final pricing and shipping costs so they don't want a "shopping cart" like PayPal. All they want is for the form to generate a list of products desired by the customer so that the client can call them about the order. I looked at the Spreadsheet Widget but the fields were too large to fit all the product info.

    Jotform Thread 597372 Screenshot
  • Boris
    Replied on June 26, 2015 at 12:44 PM

    I believe that you can achieve this by using our Spreadsheet widget, as you have initially discovered. Making it smaller is not a big problem, all we need to do is apply some custom CSS to the widget, by clicking on its Wand-shaped icon and entering the following code:

    tr, th, td, input {
        height: 12px;
        padding: 0px !important;
    }

    How can I create a simple order form that would be similar to the attached spreadsheet? Image 1 Screenshot 30

    How can I create a simple order form that would be similar to the attached spreadsheet? Image 2 Screenshot 41

    You can see a smaller spreadsheet widget in action, here:

    http://form.jotformpro.com/form/51765004716958

    Please let us know if this will work to your satisfaction, or if you need further assistance.