lightbox form shifts upward on second page

  • Profile Image
    Asked on September 16, 2011 at 03:08 PM

    I'm really happy with my form except for one annoying detail: when I click on "next" to progress to the second page, the page shifts upwards so that the top part of the form is cut off. I was first using the JotForm lightbox effect and switched to my WordPress Colorbox lightbox, and it happened in both scenarios, and in Chrome and Firefox. (Still can't get the form to load in IE, for some reason.)

    (Note that the URL below is a work-in-progress page; you can access the form by clicking on the "Download MetriX RTD" button.)

  • Profile Image
    Answered on September 18, 2011 at 11:09 AM


    That "shift" is caused by the Next button. Page breaks are coded in a way that the first element on the next page will be focused. This is to prevent the user from having to scroll up, especially if the pages are quite long.

    From what I see in your site, only a very small portion of the form is "cut off". In my opinion, it isn't really that big of a deal. All fields in your form are displayed anyway.


  • Profile Image
    Answered on September 19, 2011 at 11:23 AM

    It's certainly not an urgent issue, but it does make it seem a little wonky, like we didn't take the time to fully test out our code. From a presentation standpoint, I think it's less than ideal.

  • Profile Image
    Answered on September 20, 2011 at 06:07 AM

    You can try adding some space to the bottom of the form using Free Text (HTML) field under Power Tools. That should give you more buffer for the shift.