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

  • uqhalls
    Asked on August 25, 2020 at 8: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?

  • Kiran Support Team Lead
    Replied 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:

    159836954820200825 210127 Screenshot 10

    Please give it a try and let us know if you need any further assistance. We will be happy to help. 

  • uqhalls
    Replied on August 25, 2020 at 6:32 PM

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

     answers Screenshot 10

  • Kiran Support Team Lead
    Replied on August 25, 2020 at 9: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.

    1598406998UpcomingTheme Screenshot 10

    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
    Replied on August 25, 2020 at 11:05 PM

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