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.

  • Profile Image

    How do I position one form inside another?

    Asked by pianobook on August 25, 2016 at 07:29 PM

    I'm making a PayPal-integrated donation form where one can choose to make a one-time or a recurring donation. My understanding is that the way to do this is to have a main form where one can choose one-time or recurring, and then two separate forms embedded in the main form, one for one-time donation choices and the other for recurring donation choices, and then to use conditional logic to bring up one embedded form or the other depending on the initial choice.

    I'm trying to embed the forms, but I don't know what size to make them using iFrame, and they come out off to one side, or with words cut off at the side or bottom. Where can I learn how to make the embedded forms look right in the main form?

  • Profile Image
    JotForm Support

    Answered by Chriistian on August 25, 2016 at 09:57 PM

    You can modify the width of the "One-time Donation" and "Recurring Donation" to make them fit in the iFrame of your "Make a contra-bution" form. To change their width, simply follow the guide below.

    1. Open the preferences of the two forms.

    2. Select Form Styles tab

    3. On the Properties tab, Select Form Width and set it to a smaller width than the main form

    Once you've set the widths, you can then go to your Make a contra-bution form and set the width of the iFrame to the same width or a little bit wider than the width of the two forms. You can set the height to any value since the iFrame will always add a scroll bar that can let the user scroll to view the whole form.

    Here's how it would look after.

    You can also follow this guide to learn more about multiple payment forms: How to Create a Basic Multiple Payment form

    You can also check out and clone my demo form here: https://form.jotform.com/62378314605961