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

    The top of a Lightbox form is not completely visable in IE

    Asked by wingsaloft on November 21, 2012 at 03:22 PM

    The top 1" or so of the lightbox form is cut off when opened.  The only way I can see the entire top of the form is to F11 for full view in IE.  I have attached a screenprint.

    How can I adjust the position of the lightbox for so that the top 1" IS visible? 

     

    Screenshot
  • Profile Image
    JotForm Support

    Answered by NeilVicente on November 21, 2012 at 04:04 PM

    Hello,

    Please add a proper doctype declaration to your page. Insert the codes on the following link to your webpage's source code, above everything else - before <html>

    http://pastie.org/5414299

    Let me know if it rectifies the problem or not.

    Best

  • Profile Image

    Answered by wingsaloft on November 21, 2012 at 04:18 PM

    Neil -  Unfortunately that did not fix the problem.  I did discover the problem is only with IE8.  It works fine in IE9.

  • Profile Image
    JotForm Support

    Answered by idarktech on November 21, 2012 at 05:51 PM

    @wingsaloft,

    Was it because you have long toolbars and your lightbox form was covered on it? Can you remove them just to free up some space? See if that makes any differences. 

    Just in case this doesn't help, try adjusting your lightbox height. Example:

    <script src="//max.jotfor.ms/min/g=feedback" type="text/javascript">

    new JotformFeedback({

    formId:'23252177142346',

    base:'http://jotform.com/',

    windowTitle:'Test Form',

    background:'#FFA500',

    fontColor:'#FFFFFF',

    type:false,

    height:200,

    width:350

    });

    </script>

    <a class="lightbox-23252177142346" style="cursor:pointer;color:blue;text-decoration:underline;">Test Form</a>

    The bolded codes are those that needs to be changed, specially the height value. Also, please remove the number 2 on the feedback link above. Example: 

    FROM:

    <script src="//max.jotfor.ms/min/g=feedback2" type="text/javascript">

    TO:

    <script src="//max.jotfor.ms/min/g=feedback" type="text/javascript">

    Hope this helps. Feel free to let us know if you have further questions. Thanks!