back and submit button

  • Profile Image
    regalwings
    Asked on March 03, 2016 at 02:09 PM

    how can i get the back button on same line of the submit but opposite side?

  • Profile Image
    BJoanna
    Answered on March 03, 2016 at 04:10 PM

    First you would need to make your back button to be visible. Then you can enter this CSS code to position your back and submit button:

    .form-pagebreak

    {

    margin: 0px 0px;

    border-style: none;

    padding-left: 36px ;

    height: auto;

    overflow: hidden;

    }

    .form-pagebreak-next-container, .form-pagebreak-back-container {

    margin-top: 3px;

    margin-bottom: 3px;

    padding: 0px 3px 0px 0px;

    }

    .form-pagebreak-back,

    .form-pagebreak-next

    {

    width:125px !important;

    height:33px !important;

    font-size: 14px !important;

    color: #000 !important;

    font-weight : bold !important;

    }

    .form-submit-button {

    position: absolute !important;

    margin-top:3px !important;

    top: 20px !important;

    right: 50px !important;

    font-size: 14px !important;

    color: #000 !important;

    font-weight : bold !important;

    width:125px !important;

    height:33px !important;

    }

    Inside of this guide you can find, how to inject Custom CSS: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    After you add this code your back and submit button should be aligned like this. 

    Here is my cloned form where I added mentioned CSS code: 

    https://form.jotform.com/60626027954963 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.