Help with viewing the payment section of my form

  • GalenWalker
    Asked on April 9, 2014 at 1: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

  • Welvin Support Team Lead
    Replied on April 9, 2014 at 2: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

  • GalenWalker
    Replied on April 9, 2014 at 2:26 PM

    Thank you. Works perfectly.

  • GalenWalker
    Replied on April 9, 2014 at 2: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?