I am trying to embed a Jotform into a modal. I can embed the Jotform just fine using the HTML custom component. I can largely seem to size it as I want when placing the HTML into a container. All good. But if I want the HTML to be in a modal, I lose all control of sizing. The form opens as a sliver, regardless if I put the HTML in a parent Container or not. Thus it appears that something in the modal component itself is over-riding sizing and I don’t know how to adjust that. Suggestions? Here’s a sample project demonstrating: elementsapp://downloadDocument/M4Kggyni3S4g
I think the issue is that the form is set to 100%, and in the modal that’s 100% of nothing
You can specify a width on the container to fix this…
However, I then found another problem, the iFrame doesn’t scroll 
As your form is very long, I’d suggest just putting it on its own page… I think that’d be a better UX for users.
Alternatively you could use the Elements built-in form, that would work in a modal for you.
Okay. I have that form on its own page on our current website, I’ll stick with that for this Elements-built version, too. As for using Elements forms, that’s tricky for me at the moment given how that form is HIPAA compliant, interfaces some fields with our CRM, downloads PDFs to folders, and sends email confirmations. That’s a lot to figure out in the Element Form that Jotform handles fairly easily. I’d love to roll it on my own, I’m just not close to there yet.