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

    Submit, Clear and Print Buttons Jump

    Asked by miskiswap 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?

    Page URL:
    http://www.mi-skiswap.com/OnlineConsignment.html

  • Profile Image
    JotForm Support

    Answered by Mike_T 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
    JotForm Support

    Answered by Mike_T 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
    JotForm Support

    Answered by Mike_T 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;

    }