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.
Help with viewing the payment section of my formAsked 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.
section layout sections quantity preview
Use the following codes and inject it to your form:
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.
Thank you. Works perfectly.
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?
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.