JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
Only half of my form shows up when I embed it, why?Asked by sallymccarthy on December 12, 2013 at 01:31 PM
I am using MUSE and have done this a number of times and never had this problem. Only half of my form shows up when I embed it, why? Help?
Here is the source code that I am embedding:
Can you please share to us URL of your website where your form is embedded for us to investigate the issue and for further assistance?
yes, the url is:
Thanks for providing the website URL. It is easy for us to diagnose the problem if we see it in our browser.
I inspected your page source and found out that you have short width container for your form. The div container has 200px width and the form requires 635px.
To fix this,
1. Open your contact.css stylesheet.
2. Find the div container ID where the form is placed, it is #u6635 then changed the current width from 200px to 635px under it.
The form could possibly overlaps on your page after that, so you have to make further adjustments with your CSS.
Unfortunately with muse the css is not available for editing. Is there an adjustment I can make in the code on jot form.
Sent from my Verizon Wireless 4G LTE Smartphone
JotForm Support Manager
I think you can edit the width of the form to make fit into the div container.
width: 200px !important;
However, the fields might be overlapped or moved to the next line. I hope this helps
This is still provided that I can access the css which I cannot. Also, the width should be closer to 590px.
I have never had this trouble before using Jot Form. Can you give me code that does not include "script" to embed?
If you have already tried this guide.
I would suggest to try embedding the form utilizing the iframe method.
This should allow you to set the height and width directly from the code:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//support.jotform.com/form/33455013888156" frameborder="0" style="width:100%; height:465px; border:none;" scrolling="no"></iframe>
If you need further support, do let us know. Thank you.
Thank you, iframe worked. I adjusted the width and all is good!