What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    Help with viewing the payment section of my form

    Asked by GalenWalker on April 09, 2014 at 01:16 PM


    I have a form that has two sections.


    First, the top section has a layout using text fields but I would it to look like that with payment fields (book title and amount on the left and the quantity on the right side, all on one line like in a spreadsheet)

    Alternatively, I have used the various options in the payment section below that which looks fine in the design mode but whole portions of the first item that I designed using these options is not visible in view mode.

    If this payment section can be made visible in preview mode and in live mode, then it will work okay for now, but I would really like to see you guys develop the payment section of your product so that it displays like a spreadsheet all across on one line with a total and subtotal line at the bottom.

    Anyway, for now, if you can make the first item of the payment section display then I can delete top portion and continue to design the rest of the payment section like I did with the first item.

    Thank you.

    G. Walker

    Page URL:

  • Profile Image
    JotForm Support

    Answered by Welvin on April 09, 2014 at 02:10 PM


    Use the following codes and inject it to your form:

    .form-product-item.hover-product-item {

    height: auto !important;


    Follow this guide on adding these to your form: How to Inject Custom CSS Codes. These codes should display the sub-product items.


  • Profile Image

    Answered by GalenWalker on April 09, 2014 at 02:26 PM

    Thank you. Works perfectly.

  • Profile Image

    Answered by GalenWalker on April 09, 2014 at 02:40 PM

    This is perfect. Now, one last thing, how to I get the payment portion of this form into two columns to shorten it up a bit?

  • Profile Image

    Answered by EliezerN on April 09, 2014 at 03:45 PM


    In order to split your form products in two columns please follow the instructions of this guide: How to have two column payment form

    Kindly let us know if you need further assistance with this inquiry or please open new threads for inquiries that are different to the original one of this thread.