How to display the products in the payment field in columns?

uqhalls
Asked on August 25, 2020 at 08:58 AM

Can you format the Purchase order so that the items in each category can appear in say 2 or 3 columns instead of just one long column? If so how?

This is a re-post of a comment on How to Create Payment Form with Purchase Order
Kiran

Jotform Support

Answered on August 25, 2020 at 11:35 AM

You may enable the the columns from the payment field settings wizard. Please see the screenshot below:

Please give it a try and let us know if you need any further assistance. We will be happy to help.
uqhalls
Answered on August 25, 2020 at 06:32 PM

When I click on the settings that option does not appear:
Kiran

Jotform Support

Answered on August 25, 2020 at 09:59 PM

Sorry about that. It seems that the columns feature is only available with the new Upcoming theme. You may try changing the form theme to Upcoming from the Theme section of the Form Designer.

if you want to use the default theme on your form, the products can be displayed in columns by injecting some CSS code. Please see the guide below:

https://www.jotform.com/help/235-How-To-Have-Two-Column-Payment-Form

Hope this information helps!
uqhalls
Answered on August 25, 2020 at 11:05 PM

Thank you very much the CSS code worked fantastically. :)