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

  • Profile Image
    sstte18
    Asked on August 15, 2017 at 08: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?
  • Profile Image
    BDAVID
    Answered on August 15, 2017 at 08: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:

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

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

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

  • Profile Image
    sstte18
    Answered on August 15, 2017 at 08: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...??

  • Profile Image
    Kevin_G
    Answered on August 15, 2017 at 09: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.