- sallymccarthyAsked 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:
- pinoytechAnswered on December 12, 2013 at 03:10 PM
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?
- sallymccarthyAnswered on December 12, 2013 at 04:32 PMyes, the url is:
- JotForm SupportEltonCrisAnswered on December 12, 2013 at 05:35 PM
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.
- sallymccarthyAnswered on December 12, 2013 at 06:31 PMUnfortunately 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 ManagerJeanetteAnswered on December 12, 2013 at 09:47 PM
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
- sallymccarthyAnswered on December 13, 2013 at 05:39 PMThis 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?
- CesarAnswered on December 13, 2013 at 06:49 PM
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.
- sallymccarthyAnswered on December 14, 2013 at 01:18 AMAwesome!
Thank you, iframe worked. I adjusted the width and all is good!