How do I center the Next and Back Buttons on a Page Break

  • MCIVcreative
    Asked on January 1, 2016 at 12:36 PM

    I want to be able to center the Next and Back buttons on the page break "parts," but, on a few, I only have one of the two buttons Visible. In these cases I want the 1 visible button to be centered.

  • Mike_G JotForm Support
    Replied on January 1, 2016 at 3:44 PM

    If I understood your concern correctly, adding the CSS codes below to your form would help you achieve what you would like to happen to the page breaks.

    .form-pagebreak{

    padding-left: 210px !important;

    padding-right: 210px !important;

    }

    #cid_4 .form-pagebreak-back-container{

    display: none !important;

    }

    #cid_4 .form-pagebreak{

    padding-left: 235px !important;

    padding-right: 235px !important;

    }

    #cid_4 .form-pagebreak-next-container{

    padding-left: 0px !important;

    }

    To add those codes to your form please refer to this guide: How-to-Inject-Custom-CSS-Codes

     

    It should result to this(please see image below) after. 

    How do I center the Next and Back Buttons on a Page Break Image 1 Screenshot 20

    I hope this helps. Let us know if you need any further assistance. Thank you.

  • MCIVcreative
    Replied on January 1, 2016 at 6:06 PM

    Thanks Mike_G!

    That worked!

    M

  • Kevin Support Team Lead
    Replied on January 1, 2016 at 8:03 PM

    On behalf to my colleague Mike, you're welcome.

    Feel free to contact us anytime if you need more help, we will be glad to assist you.

    Regards.