Is there a way I setup the payment section using basic fields for custom rules?

Hi,

In short, i would like to set up some offers within a payment form.

The customer would select the desired offer from a dropdown and to have a rule that shows a field with a number of entries to choose colour, size and quantities for that particular offer.

Ideally i would like to have had this within the payment form but i understand that i can only create one payment field per form. (cannot create a rule for a specific product within the payment form)

Is there a way i can layout as shown in the attached screenshot using basic elements so that when a selection is made from the offer dropdown, the desired field(s) will become visible based on that selection. (Has to be one line/field to include colour, size and quantities as shown on the attached)

Thanks

Yes, you can do this with Basic fields. The formatting is also possible with custom CSS codes. I've created the basic form here: https://form.jotform.com/90583581285970. You can do it this way. 

Each dropdown can have a calculation value if needed:

https://www.jotform.com/help/301-How-to-Assign-Calculation-Value

This is useful if you'd like to set pricing for each property such as the Color and Sizes.

Next, you need to get the total by calculation:

https://www.jotform.com/help/259-How-to-Perform-Form-Calculation-Using-a-Widget

Lastly, the calculation can be forwarded to the payment field:

https://www.jotform.com/help/275-How-to-pass-a-calculation-to-a-payment-field

Lots of guides here but these are the methods to use to get the basic fields to calculation and run a total.

I hope that helps. Please let us know if you need further assistance.

Thanks Welvin that's very helpful.

Could you tell me how you made the form you provided

https://form.jotform.com/90583581285970

Am i able to create like this or do i need CSS code?

Also am i able to have a maximum value or number for the totals entered into each field (for instance in the 'sizes' field the total for all should be no more than 20)

Thanks

I would suggest creating the form with basic fields first then let's settle the alignment once the form is completely set up.

The columns are achieved by shrinking the fields.

https://www.jotform.com/help/242-How-to-Manage-Multiple-Fields 

The limit is not possible in the current setup. The dropdown or our basic fields do not have an inventory option. There's a workaround by using our widgets, but I'm afraid this will complicate the form, especially the calculation and conditions. 

Here's an example: https://widgets.jotform.com/widget/ticket_purchases. The ticket purchases widget.

As per our guide here: https://www.jotform.com/help/426-How-to-Setup-a-Payment-Order-Form-with-Limited-Stocks.

thanks Welvin

I'm having trouble with some conditions and i cannot understand why.

could you look at the form for me and see why the rules are not working. I cannot seem to have the next size appear after a value is selected in the previous size.

The form i am working on is;

https://form.jotformeu.com/90582190558362

XS (the first size) should appear once/if 'printed coloured t-shirt offers' or 'printed white t-shirt offers' is filled.

Then once XS is filled i would like the drop down for the next size (small) and so forth until 2XL.

Thanks

Your conditions are set up properly. The only issue is that you have preselected 0 which is the first option in the list. This means that the condition is met by default, and therefore, fields are shown. You have to select the empty option to hide the fields by default. I did this for you. Please check now.