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

  • Profile Image
    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

  • Profile Image
    Kiran
    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:

    159836954820200825_210127.png

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

  • Profile Image
    uqhalls
    Answered on August 25, 2020 at 06:32 PM

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

     1598394767Capture.JPG

  • Profile Image
    Kiran
    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.

    1598406998UpcomingTheme.png

    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! 

  • Profile Image
    uqhalls
    Answered on August 25, 2020 at 11:05 PM

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