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.


  • Profile Image

    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:

    <script type="text/javascript" src="//form.jotform.us/jsform/33455013888156"></script>

    Screenshot
    problem
  • Profile Image

    Answered by pinoytech on December 12, 2013 at 03:10 PM

    Hi,

    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?

    Thanks,

  • Profile Image

    Answered by sallymccarthy on December 12, 2013 at 04:32 PM
    yes, the url is:
    http://www.mosaicdesignsolutions.com/contact.html
    Thanks,
    Sally
    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on December 12, 2013 at 05:35 PM

    Hi Sally,

    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.

    Thanks!

  • Profile Image

    Answered by sallymccarthy on December 12, 2013 at 06:31 PM
    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
    ...
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette 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.

    .form-all {

    width: 200px !important;

    }

     

    However, the fields might be overlapped or moved to the next line.  I hope this helps

  • Profile Image

    Answered by sallymccarthy on December 13, 2013 at 05:39 PM
    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?

    Thank you!
    ...
  • Profile Image

    Answered by Cesar 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.

     

    Related Articles:

    http://www.jotform.com/help/99-Adding-Form-to-Adobe-Muse

    http://helpx.adobe.com/en/muse/tutorials/getting-started-muse-part-6.html

  • Profile Image

    Answered by sallymccarthy on December 14, 2013 at 01:18 AM
    Awesome!
    Thank you, iframe worked. I adjusted the width and all is good!
    ...