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

  • Profile Image
    MCIVcreative
    Asked on January 01, 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.

  • Profile Image
    Mike_G
    Answered on January 01, 2016 at 03: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. 

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

  • Profile Image
    MCIVcreative
    Answered on January 01, 2016 at 06:06 PM

    Thanks Mike_G!

    That worked!

    M

  • Profile Image
    Kevin_G
    Answered on January 01, 2016 at 08: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.