How can I put the product and the quantity on the same line, preferably

Thanks for the respoinse, but that appeared to do nothing.

I have tried the following and it seems to work:

.form-product-item .form-sub-label-container { top: -4px; left: 0px; position: absolute; }

.form-product-item .form-checkbox{ top: 0px; left: 60px; position: absolute; }

.form-product-item label{ top: 0px; left: 155px; width:300px; position: absolute; }

You can see my form at formID=23324302710135

Now I'd like to hide the checkbox with

.form-product-item .form-checkbox{ top: 0px; left: 60px; position: absolute; visibility:hidden;}

since it ought to be redundant when the user chooses a quantity. However, if the user chooses a quantity and then changes their mind and sets it back to empty, the total no longer computes correctly. I tried putting zero in the quantity menu, but PayPal gets upset with that. So the checkbox must remain visible to clear the checkmark. I view this as a bug: If the user picks a number, the check box gets checked, If they pick the empty option, the checkbox ought to go back to unchecked.

Maybe you could make the checkbox optional for backward compatibility.

 

 

@fltconference

The total is being miscalculated because you have used a custom property and added a non-numerical value to it (empty).

The acronym NaN, appearing in the total, means Not a Number in programming parlance.

You should remove this empty value, making "1" the minimum quantity, and just keep the checkbox to make this form work properly.

I fully understand this. My point is that it is unnecessarily complicated for the user to have two controls (quantity menu and checkbox) to control the outcome.

This is not a well designed user interface. If you automate one choice (changing quantity from empty to a number) you ought to automate the reverse in the same way. It is further asymmetrical in that clearing the checkbox does not clear the quantity leaving the user to wonder if they have done the right thing.

You could work around this by ignoring the empty quantity when calculating the total. It is not unreasonable to assume that empty means zero in this context.

The quantity property was NOT designed to have an empty value.

If the customer does not want to order a product, he simply needs to keep the checkbox unticked. If he wants to order a product, tick the checkbox then select a quantity.

The checkbox is there for when a product does NOT have a quantity property.

This shouldn't be complicated. Check out this clone of your form as an example: http://www.jotformpro.com/form/23395417852965?

Best regards