Moving the submit button

  • Profile Image
    dollarfinance
    Asked on March 15, 2013 at 11:05 AM

    I want to move the submit button to be just to the right of the of the input field. I've done this using the following css

    style="display:block; margin-left:150px ; margin-top:-37px" . Th problem is is when I run the page I cannot get focus on the input field. See link.

    http://www.rentalbondloans.co.uk/test2.html

  • Profile Image
    pinoytech
    Answered on March 15, 2013 at 11:28 AM

    Hi,

    I've cloned your form and made some workaround if this is what you want to achieved.

    http://www.jotformpro.com/form/30734198610958

    This are the codes that I have used and inject in to that form to achieve this.

    .form-label-top {

    display: none;

    }

    .form-submit-button {

    margin-left: 139px !important;

    margin-top: -48px !important;

    position: absolute;

    }

    .form-textbox {

    margin-left: -19px !important;

    }

    If you need further assistance, do let us know.

    Thank you!

  • Profile Image
    dollarfinance
    Answered on March 15, 2013 at 11:55 AM

    Thanks, but when I run the page the submit button is nowhere to be seen.

    www.rentalbondloans/test4.html

  • Profile Image
    Welvin
    Answered on March 15, 2013 at 12:59 PM

    @dollarfinance,

    I have corrected that for you. Please kindly check.

     

    Thanks