Multiple Payment Form: How to adjust the height of the embedded forms.

  • sstte18
    Asked on August 15, 2017 at 8:05 PM
    - I adjusted the height of the widget in settings but it seems to be too large.  Do you have any way of automating the height so that it embeds correctly in the main form?
  • David JotForm Support Manager
    Replied on August 15, 2017 at 8:19 PM

    To adjust the height of the forms, please inject the following code inside the Credit Card and Check forms: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .jotform-form{

        padding: 0px !important;

    }

    .supernova{

        overflow-x: hidden;

    }

    Then, go to the container form, and set the height of the Iframe Embedded width, where your Check form is embedded, to 1550:

    Multiple Payment Form: How to adjust the height of the embedded forms Screenshot 40

    And adjust height of the second Iframe Embedded widget to 1750:

    Multiple Payment Form: How to adjust the height of the embedded forms Screenshot 51

    Also, just to give you and advice, I would suggest you remove these fields from your container form:

    Multiple Payment Form: How to adjust the height of the embedded forms Screenshot 62

    And create them on each of your other forms that show up based on conditions.

  • sstte18
    Replied on August 15, 2017 at 8:55 PM

    thanks.  that seems to have helped.  Why would you recommend moving the contact info' fields to each individual form?  Those fields seem to be ok where they are...??

  • Kevin Support Team Lead
    Replied on August 15, 2017 at 9:13 PM

    I think my colleague suggested that since would be better to track who did the payment, currently you would have the submitter's information on the main form while the payment information will be submitted separately. 

    However, you may keep your fields as they currently are.