Moving the submit button

  • Profile Image
    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.

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


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

    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
    Answered on March 15, 2013 at 11:55 AM

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


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


    I have corrected that for you. Please kindly check.