Help with viewing the payment section of my form

  • Profile Image
    GalenWalker
    Asked on April 09, 2014 at 01:16 PM

    Hello,

    I have a form that has two sections.

    http://form.jotformpro.com/form/40957265473968

    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

  • Profile Image
    Welvin
    Answered on April 09, 2014 at 02:10 PM

    Hi,

    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.

    Thanks

  • Profile Image
    GalenWalker
    Answered on April 09, 2014 at 02:26 PM

    Thank you. Works perfectly.

  • Profile Image
    GalenWalker
    Answered 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
    EliezerN
    Answered on April 09, 2014 at 03:45 PM

    Hi,

    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.

    Thanks