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

    Form is displayed with large margin on right and below when shown in light box on Weebly

    Asked by ctonozzi on April 17, 2017 at 11:42 PM

    I'm viewing this on a desktop computer. 

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Chriistian on April 18, 2017 at 01:43 AM

    Can you please share with us your Weebly site so that we can further check?

    We'll wait for your response.
    Regards.

  • Profile Image

    Answered by ctonozzi on April 18, 2017 at 07:34 AM

    My site is www.globalgodoc.com .  I'm having problems with the version that comes up when using the "Feedback Button" on the left side of the page.  The link is titled "Request Appointment".  Note also that there's a bunch of blank space at the bottom of the form.  Thanks for your help!

  • Profile Image
    JotForm Support

    Answered by Chriistian on April 18, 2017 at 08:09 AM

    Hi there,

    Can you please try the following?

     

    1. Find the last jquery reference in your page which I think is

    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

     

    2. After that, add the following noConflict script.

    <script type="text/javascript"> $.noConflict();</script>

     

     Let us know how it goes.

  • Profile Image

    Answered by ctonozzi on April 18, 2017 at 08:49 AM

    Chriistian, sorry to be a newb, but can you tell me how to access this code? Chris

  • Profile Image
    JotForm Support

    Answered by Welvin on April 18, 2017 at 10:53 AM

    It's in the theme editor of Weebly. It's in the Header part as far as I could see it, but I tried, I cannot seem to find it there. My colleague suggested that to fix the conflict that's causing the problem in the page. Here's a screenshot showing the error in the embed codes;

    Instead of adding the script, try the workaround of changing the embed URL from https://form.jotform.us/static/feedback2.js to https://form.jotform.us/static/feedback.js. Removing the "2" from the JS file URL. I hope this works.

  • Profile Image

    Answered by ctonozzi on April 18, 2017 at 11:27 AM

    Welvin, that didn't work, as you can tell from my site--perhaps it's worse. Any other thoughts? Chris

  • Profile Image
    JotForm Support

    Answered by Welvin on April 18, 2017 at 12:51 PM

    One more solution (I'm not sure if this how you embed the form), please follow these steps:

    Inside the Weebly editor, go to Settings > SEO > Paste the feedback codes in the Footer box:

     

    It worked for me so I hope this method work for you too. Demo here: http://welvinjotform.weebly.com/

  • Profile Image

    Answered by ctonozzi on April 18, 2017 at 11:31 PM

    Weird, that didn't work for me.  I put the text in the "Footer Code" box, as you recommended.

     

    But I'm still getting a very wide right margin. I agree that yours looks perfect.

  • Profile Image

    Answered by ctonozzi on April 18, 2017 at 11:35 PM

    Are these the settings you're using for the Feedback Button Code?

  • Profile Image
    JotForm Support

    Answered by Chriistian on April 19, 2017 at 01:14 AM

    Yes, that's the settings if you want to customize the Feedback Button. Please try to increase the width into 900px and see if this helps to solve the issue.

    Let us know how it goes.

  • Profile Image
    JotForm Support

    Answered by Welvin on April 19, 2017 at 06:25 AM

    Please try moving it to the Header Codes box. See if that helps. 

  • Profile Image

    Answered by ctonozzi on April 19, 2017 at 08:12 AM

    Did both of those things, and I'm still having the same problem. Thanks for your persistence.

  • Profile Image
    JotForm Support

    Answered by Welvin on April 19, 2017 at 09:01 AM

    I figured it out now. There is CSS in your Weebly theme that scales down any iframe in the page. The feedback codes load the form in an iframe. To fix the problem, simply add the following custom CSS codes to your Weebly stylesheet:

    iframe {

        transform: none !important;

    }

    You should see it fine after. Keep the codes on the header or footer codes boxes.

  • Profile Image

    Answered by ctonozzi on April 19, 2017 at 09:34 AM

    Do I add it here at the end?  Does it matter that there is is this iframe code already?

  • Profile Image
    JotForm Support

    Answered by Welvin on April 19, 2017 at 10:54 AM

    Yes, add or just replace it. The !important rule will override the existing one in the stylesheet. 

  • Profile Image

    Answered by ctonozzi on April 19, 2017 at 12:56 PM

    Yay! That worked! Thanks!