Next button is misaligned in Internet Explorer 7

  • Profile Image
    guest_23316953922052
    Asked on December 03, 2012 at 04:53 PM

    In a multi-page (page break) form, the "Next" button is misaligned.  It is displaying underneath the "Back" button, and also displays outside the white box that Jotform generates at the bottom of the page.

    Testing in IE 9 or 8 is not valid as it displays correctly in those browsers.  You can view the issue at the following link:

    http://jotform.us/form/23376305511144

    Attempts to fix the issue with custom CSS dont' work... the Custom Css is overwritten by the default theme styling.

    Example: 

    .form-pagebreak-next  //overwritten

    button[id^="form-pagebreak-next_"]   //overwritten

    .form-pagebreak-next-container   //overwritten

     

    I know IE7 is a pill, but I am trying to use your service as part of an enteprise solution and unfotunately IE7 is extremely common in the enterprise.

  • Profile Image
    NeilVicente
    Answered on December 03, 2012 at 05:28 PM

    Hello,

    IE 7 somehow miscalculates form element sizes/widths causing the next page to move to the next line. Decreasing your form's label width to 650 should rectify this problem.

    Check out the solution in action:

    http://www.jotformpro.com/form/23376886717974?

  • Profile Image
    guest_23316953922052
    Answered on December 03, 2012 at 05:48 PM

    Thanks!  That did the trick.