Embeding form in a second one. Correct position.

I would like to embed a PayPal and Stripe form to another form.

I did it already but this time there always stays a frame up and left.

I tried a lot (changing width and height of all forms, but can't make it.

https://eu.jotform.com/build/70702553214346

PayPal and Stripe are the new forms, the third (it fits perfect) is from my old form.

What I am doing wrong?

I would suggest you to inject the following code to the PayPal and Stripe form: 

.supernova .form-all{

    width: 100%;

    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;

}

.supernova{

    background-color: transparent;

}

This will set the form's height the same as the iFrame where they're embedded and will display properly. 

Example: 

This guide will help you to inject the given code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

Hope this helps. 

Great hint, thanks a lot.

Now I just wonder if it would be possible to find a solution to hide the scroll bar on the bottom of the forms?

This would make the forms perfect?

Go into the edit mode of each of your forms(the ones embedded in your main form through the Iframe widget), then please inject the following code as shown on this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

.jotform-form{

overflow: hidden !important;

}

Let us know if you need more help.

Great! ;-)

@Tenniszentrum_Arsenal, 

Your last comment did not reach this thread, but I found it in my emails:

"Hi!

After the first try, I want to build my final forms and so I changed a lot and created my own design.

Now I tried the same way to insert the payment form to the the first form, where to choose the payment method.

I was doing like you advised me here before, but it is not really working well.

The inserted form is not centered.

I added to the CSS some lines to move the second form more left, but then the left part of the form was not viewable anymore.

Here is the new form:

https://form.jotformeu.com/70742601433347"

I have checked your new form and I can see only one form embedded in when you select the option "Kreditkarte", but the other forms do not seem embedded  yet. Could you please embed them again? 

Also, to display the embedded forms properly, you need to inject this CSS code to the form that does not display properly (the one where the payment integration is placed in):

.supernova .form-all{

    width: 100%;

    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;

}

.supernova{

    background-color: transparent;

}

.jotform-form{

overflow: hidden !important;

}

You could also let us know when you've re-embedded your forms again and we will be glad to check it.