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 not opening in Chrome

    Asked by Simon Bell  on April 09, 2014 at 10:41 AM

    I have a booking form on my site www.dustyday.co.uk

     

    It was reported to me today that the form does not completely open in Google Chrome

    Page URL:
    http://dustyday.co.uk/Booking-Form.html

    booking form site www
  • Profile Image

    Answered by scubbae2000 on April 09, 2014 at 11:30 AM

    Hey simon I  had a problem like this before; it turns out that my Div height for my form box wasn't correct.

    please re-check your codes, becauseI test your page in chrome as well as firefox and it didnt display properly but; suprisingly it work in Explorer. But not without  liitle glitches.

    If the height of the form box set to auto, change it to the value of the background-image height.

  • Profile Image

    Answered by Simon Bell  on April 09, 2014 at 11:40 AM
    Thanks, though I'm not sure I know how to do that.
    Simon
    ...
  • Profile Image

    Answered by simonbell on April 09, 2014 at 11:45 AM

    I also cannot log in to the site, I tried to get my password sent but instead it created a completely new sitw without my saved forms!!

  • Profile Image

    Answered by azhar000 on April 09, 2014 at 12:08 PM

    I have gone through your website and find that the problem is occuring for some css issues. Well, you can adjust "float" and "height" to solve the problem. Please see the picture below:

    When I disable the "float" the form appear with its full length like the image below:

    You can try this to solve the problem.

    Thanks

  • Profile Image

    Answered by simonbell on April 09, 2014 at 12:20 PM
    I appreciate your help, but I have no idea how to get to this , or how
    to do it. I'm using Sandvox
    Simon
    ...
  • Profile Image

    Answered by simonbell on April 09, 2014 at 12:20 PM
    Are you doing this on Jotform?
    As I've already said, I cannot access my Jotform account as I've
    forgotten the password. Can you help me get in if that's what I need to do,
    Thank you
    Simon
    ...
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on April 09, 2014 at 12:46 PM

    Hello Simon

    You seem to be logged in JotForm as your posts appear with the username simonbell , if you do not see your forms at the My Forms section, please trying login using Firefox or Chrome.

    If you have forgotten the password, you can reset it by clicking on Forgot Password?

    On regards to changes suggested by azhar000

    1. Please remove the script code of the form, which is this one:

    <script type="text/javascript" src="//form.jotformeu.com/jsform/40222779101345"></script>

    2. Get the Iframe version of the form, follow this guide, which should look like this:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="http://www.jotform.com/form/1234567890" frameborder="0" style="width:100%; height:570px; border:none;" scrolling="no"></iframe>

    3. Make sure you change the height to 570px as suggested by  azhar000 , then go to the HTML snippet in Sanvox and paste it.

     You can get rid of the Script portion if the problem still persists in Chrome, it looks something like this:

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

     

    4 Inject this custom CSS code in the form, and do the steps 1-3 if it's necessary to make the form to float to the left on Chrome. Please follow the guide to know how to inject Custom CSS Codes

    .form-all{
    float:left;
    }

    Let us know if further help is needed

  • Profile Image

    Answered by simonbell on April 09, 2014 at 01:00 PM
    I'm logged into Jotform in a new account which it made me set up when I
    asked to have my password set.
    I am completely confused to be honest. I know I had a lot of trouble
    getting the forms on to Sandvox in the first place & I can't remember
    how I did it.
    You haven't told me when I should do all this, in Jotform or in Sandvox??
    sorry
    Simon
    ...
  • Profile Image

    Answered by simonbell on April 09, 2014 at 01:20 PM
    Hi again
    I have managed to replace the form with another & it seems to be working,
    Simon
    ...