Sell Items in Table with Form Calculation Wizard

  • atrsports
    Asked on August 21, 2018 at 3:19 PM

    I'd like to be able to use a table to line up a row of shirts then, lined up evenly below each cell with the shirt graphic, a cell with size, quantity and color dropdowns. Problem is, I can't figure out how to insert a table without it being in an html text box (in which I can't put form elements like dropdowns).

    The reason I need it this way is that I want to use the Form Calculation widget to come up with a user calculated price to insert in the payment wizard.

    Truthfully, I just want something that looks intuitive and professional and efficiently uses form space. If this works, great. If it doesn't and you have suggestions, I would be grateful.

  • Mike_G JotForm Support
    Replied on August 21, 2018 at 4:06 PM

    It is possible to add options to payment forms. Here's a guide that explains how you can do it — How-to-Add-Options-to-Payment-Forms

    If you need to style the payment field in your form to meet your requirements, that would also be possible using CSS codes that can be injected in your form.

    I hope I was able to point you in the right direction. Otherwise, please do not hesitate to let us know and we will be glad to help you.


  • atrsports
    Replied on August 21, 2018 at 5:16 PM

    That's the way I used to do it,  but unfortunately, I have multiple people registering on the same form and there's no way to account for multiple people buying multiple shirts and quantity, shirt sizes, etc. in the options in payment forms.

    To give you a word picture, I want parents to be able to register all of their kids for an event and have the option to buy them all quantities of multiple shirts and sizes. I can do it, but it turns out to be an inelegant form.

    Tables would help with the aesthetic appeal and also give the form a sense of visual logic, but I can't insert form elements into Text Element tables.

  • Mike_G JotForm Support
    Replied on August 21, 2018 at 6:01 PM

    We have an Input Table field where you can also apply conditions or use the Form Calculation widget to get the "Total". It can also be set so that the input fields are drop-down fields. You can set the product name as rows and quantity, shirt, size, etc as columns. However,  the only issue is the options in the drop-down field will be the same for all the drop-down fields in the table.

    How-to-perform-form-calculation-in-the-Matrix-field

    How-to-Perform-Calculation-in-the-Matrix-Field-Through-Condition

    As for using the payment field, can you tell us what exactly are the dropdowns and options that you would like to be included?

    Also, can you share with us the form where you have added the payment field with options, please? Just give us the details of the design and we will check if it is possible to create.

  • atrsports
    Replied on August 21, 2018 at 9:53 PM

    Great workaround, Mike. It's not exactly what I was going for, but that almost works...

    Any way to change the CSS for that widget? I have a black form and it's a little blinding.
  • BJoanna
    Replied on August 22, 2018 at 2:04 AM

    I moved your new question to a separate thread - https://www.jotform.com/answers/1559455