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.
Embedded Form in Xara Designer Pro X 11 is not displayed in full length.Asked by RandyRooter on January 01, 2017 at 03:52 PM
I was looking for a simple customer comment/question form and Xara suggested JotForm... but I must say it's much more capable than my requirements.
Further, the v3 creator interface was very easy to navigate after only a few minutes review. Was able to choose and modify a template without issue.
My problems starts when inserted into Xara. I've devoted a full page to the form but only about 1/2 appears.
This is what I get: This is what I want:
Everything does eventually appear as you work your way through the form... the top half will disappear when the bottom half appears. Then something else odd occurs once the "Contact Us" button is clicked...
The form completely disappears... just the gray background. F5 will refresh to 1st graphic. Best guess is the "Thank You" page never loads.
I've attempted some suggested fixes I've found in the forum area but nothing seems to help the full form to show. Form length appears to be 1000px (Design -> Form Layout) and I've allocated 1900px on the page to fit.
Here is the embed code provided by choosing Publish -> Platforms -> Xara
Please note original height: = 539 and I've adjusted to 1000 in an attempt to gain full height.
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/70001542013131" frameborder="0"i style="width:100%; height:1000px; border:none;" scrolling="no"> </iframe>
I realize this is long but more information seems to be better.
Finally the question; Is this normal behavior and if not; can you assist?
I did check your webpage where you have embedded your form and found that the form is not displayed in full length because of the height of the div class is 480px and the height of the form is more.
To solve this problem, I would suggest you to please inject the following custom css code in webpage (NOT in form) and that should solve your problem:
height: 1200px !important;
overflow: visible !important;
Hope this helps.
Do get back to us if you have any questions.