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

  • Profile Image
    kscomputer
    Asked 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.

  • Profile Image
    NeilVicente
    Answered 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
    kscomputer
    Answered 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
    NeilVicente
    Answered 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
    kscomputer
    Answered 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
    antoniooi
    Answered 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
    NeilVicente
    Answered 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

  • {IF:pagenot:ticket/ticket.php}
    Profile Image
    {IFNEQ:replyID:}
    {IF:admin} {REMOVE_TAGS:login} {IF:else} {REMOVE_TAGS:login} {IF:end}
    Answered on {FORMATDATE:added} {IFNEQ:else}
    {IF:admin} {REMOVE_TAGS:login} {IF:else} {REMOVE_TAGS:login} {IF:end}
    Asked on {FORMATDATE:added} {IFNEQ:end}
    {IF:end}
    {IFNEQ:replyID:} {IFNEQ:else} {IFNEQ:end} {IF:owner} {IF:end} {IF:admin} {IF:end}
  • Profile Image
    NeilVicente
    Answered 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
    antoniooi
    Answered 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
    NeilVicente
    Answered on April 07, 2011 at 07:39 AM

    Your observations are duly noted. Thank you!

    Neil

  • Profile Image
    antoniooi
    Answered 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
    edreamdesigns
    Answered 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
    NeilVicente
    Answered 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