Submit, Clear and Print Buttons Jump

  • Profile Image
    miskiswap
    Asked on August 31, 2012 at 04:28 PM

    The below link is from my previous question:

     

    http://www.jotform.com/answers/125172-How-do-I-adjust-the-height-of-the-second-page-AND-CSS-for-Submit-and-Next-buttons

    #cid_52 .form-label-left {

    width:0 !important;

    }

     

    .form-submit-button, .form-submit-reset, .form-submit-print{

    position: relative;

    top: 50px;

    left: 195px;

    }

     

    .form-pagebreak > .form-button-error {

    position: relative;

    top: 30px;

    left: -50px;

    }

    The "Next" button works fine.

    The code above disabled my Submit, Clear and Print buttons.  I just tried them out.  It looks nice, but when I click on those 3 buttons they just jumps up.

    How do I keep the CSS positioning and activate the buttons and keep them from jumping?

  • Profile Image
    Mike_T
    Answered on August 31, 2012 at 07:03 PM

    Thank you for creating that separate thread.

    I have tried to reproduce the problem using Clear & Print buttons, but I was not able to do so.

    First of all, please try to clear your browser temporary files. If that does not help, please provide us with your browser version.

    Your site looks quite fresh and responsive :)

  • Profile Image
    Mike_T
    Answered on August 31, 2012 at 07:19 PM

    I am sorry, now we can see the problem.

    We will get back to you as soon as possible.

  • Profile Image
    Mike_T
    Answered on August 31, 2012 at 07:58 PM

    Please try the following CSS code instead:

    #cid_52 .form-label-left {

    width:0 !important;

    }

    #cid_33 {

    position: relative;

    top: 50px;

    }

    .form-button-error {

    display: block;

    }