How to customize "Back" and "Next" button in a multipage form?

  • phoneflex
    Asked on April 4, 2014 at 6:47 PM

    We have custom png files for the next and back buttons that we would like to use.
    How can this be done?

  • David JotForm Support Manager
    Replied on April 4, 2014 at 7:50 PM

    Hi, in order to add an image on the back and next buttons, you need  inject CSS code in your form, you may try the following one:

    .form-pagebreak-next{

    display:block;

    text-size:12px;

    float:right;

    margin-left: 250px;

    background:url("HERE YOU ADD THE URL OF THE IMAGE") no-repeat  !important;

    width:155px !important;

    height:61px !important;

    box-shadow: none !important;

    border: none !important;

    }

    .form-pagebreak-back{

    display:block;

    text-size:12px;

    float:left;

    margin-left:20px;

    background:url("HERE YOU ADD THE URL OF THE IMAGE") no-repeat  !important;

    width:155px !important;

    height:61px !important;

    box-shadow: none !important;

    border: none !important;

    }

    If you need more help, you may share with us the URL of the form to further assist you.

  • phoneflex
    Replied on April 5, 2014 at 11:13 AM

    Thanks !!!