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

    Lightbox form couldn't open on the center of the web page.

    Asked by kscomputer on March 13, 2011 at 09:02 AM

    Dear Sir,

    I had created a form using lightbox to display, but form couldn't open on the center of web page, when i use IE8  browser to open the lightbox form, form open on the top of the left and only display half page and when i use Mozilla firefox browser to open the form, form open on the top of the center and also display on half page only.

    Screenshot
  • Profile Image
    JotForm Support

    Answered by NeilVicente on March 13, 2011 at 01:58 PM

    Hi,

    Jotform's Lightbox positions itself at the center of the page. However, since your "div #container" doesn't have a height specified, your page's height automatically defaults to 0.

    Solution:

    Give your div#container a specific height, say 1000px.

    Hope that helps.

  • Profile Image

    Answered by kscomputer on March 14, 2011 at 12:22 AM

    Hi,

    I had tried to change the height code from height: 90px to 1000px, but can't help problem still there. Below is my lightbox form code, please do let me know if you can solve this problem. Thanks.

    <div id="html2" style="position:absolute; overflow:hidden; left:110px; top:280px; width:283px; height:90px; z-index:11"><script src="//www.jotform.com/min/g=feedback" type="text/javascript">new otformFeedback({formId:'10410459251',base:'http://www.jotform.com/',windowTitle:'SGusedcar-Contact Form ',background:'#FFA500',fontColor:'#FFFFFF',type:false,height:500,width:500});</script><a id="lightbox-10410459251" style="cursor:pointer;color:blue;text-decoration:underline;">SGusedcar-ontact Form</a></div>

  • Profile Image
    JotForm Support

    Answered by NeilVicente on March 14, 2011 at 03:54 AM

    Hello I have just learned that for lightbox and feedback button to work properly, your page needs to have xhtml doctype definition.

    Look at  your page's source code, at the very top before <html>

    Remove the old doctype definition:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    Replace it with this code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">

     

    Hope that solves your problem.

  • Profile Image

    Answered by kscomputer on March 14, 2011 at 05:34 AM

    Hi Neil,

    Thank you for your code, open lightbox form position problem has been solved. Thank you!

  • Profile Image

    Answered by antoniooi on April 07, 2011 at 06:35 AM

    But that doesn't solve my problem. Below are my conditions:

    1. Feedback button (with Lightbox)

    2. With page break containing 'Next' button.

    3. DOCTYPE declaration:

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Everytime when the 'Next' button is clicked, the form jumps to the top of the screen. To test:

    1. Go to: http://www.multidimension-pg.net/

    2. Click on 'Training Advisor'.

    3. Enter anything and click 'Next'.

    Please help. Thanks!

    Antonio

  • Profile Image
    JotForm Support

    Answered by NeilVicente on April 07, 2011 at 06:50 AM

    Hi,

    That is how page breaks work. It brings the top of next form page in focus. This is to prevent having users scroll up the new page after filling out a previous page with lots of fields. There is not much we can do but that's just how it is.

    I suppose there might be a workaround involving modification of the Jotform Javascript file, but that would be too daunting of a task for such a small issue.

    Thank you for your understanding. Let us know if there's anything else we can do for you.

    Regards,
    Neil

  • Profile Image

    Answered by antoniooi on April 07, 2011 at 07:04 AM

    I foresee this will be your concern, but auto scrolling to the top should be within the content of the form but not the entire lightbox outer frame until the form title also being blocked/covered. If your auto scroll algorithm is focusing on outer frame size, long form will auto scroll to the top whereas shorter form will still be auto-scrolled but not noticeable by the user. In short, the auto-scroll only make sense when the form is too long, but it become unnecessary when the height of the form is only 1/3 or half of the screen. This will definitely provide an unpleasant user experience.

    I believe our new Online Training Advisor using JotForm will amaze many users as well as webmasters -- "Wow! This is what JotForm can do!" If JotForm is willing to help me fixing this problem, I'm willing to let JotForm promote their capability by featuring my Online Training Advisor.

    I hope you can consider my suggestion. Thank you.

    Antonio

    Owner of www.multidimension-pg.net

  • Profile Image
    JotForm Support

    Answered by NeilVicente on April 07, 2011 at 07:23 AM

    We appreciate your suggestion. I will add this to our feature requests list so our developers take a look at it. We will notify you in case this gets implemented although we cannot promise a definite time as we are not sure yet if this will be implemented at all. Again, thank you for your input.


    Neil

  • Profile Image

    Answered by antoniooi on April 07, 2011 at 07:28 AM

    Yes, thank you for your consideration!

    And one more thing that may help your developers to quickly and easily solve it:

    Why are you capable of making the PREVIEW version of your lightbox work perfectly well with my training advisor?

    Try creating a dummy form with page breaks and preview it under the embed section. After that refer to the code and find out how you guys were able to get this done perfectly for the preview part.

    Hope this helps!

    Antonio

  • Profile Image
    JotForm Support

    Answered by NeilVicente on April 07, 2011 at 07:39 AM

    Your observations are duly noted. Thank you!

    Neil

  • Profile Image

    Answered by antoniooi on April 07, 2011 at 11:01 AM

    Hi,

    It's confirmed that Blogger template is the one that screws up your lightbox (feedback button). Take a look:

    http://testjotform.blogspot.com/

    Compare this simple Blogger site (with less tilt) than our official website (with more tilt due to complex CSS):

    http://www.multidimension-pg.net/

    But I really have no clue which part of the template or CSS that causing the problem.

    Thanks anyway. Your form still rocks! Keep it up!

    Antonio

  • Profile Image

    Answered by edreamdesigns on July 30, 2011 at 03:50 PM

    Doc Type worked!  Thank you.  (there were other doc type codes floating around and this one

     


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">

     

    Did it.

     

    THanks.

  • Profile Image
    JotForm Support

    Answered by NeilVicente on July 30, 2011 at 03:54 PM

    Hi,

    Glad to hear that the solution offered in this page has worked for you.

    Do you have other questions that might need answers? If you have other queries, feel free to open another thread (if unrelated to this topic).

    Thank you as well for supporting Jotform's services. Have a great weekend!


    Neil