How do I position one form inside another?

  • Profile Image
    pianobook
    Asked 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
    Chriistian
    Answered 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 

    Regards.