How can I resize the page break buttons to extend the full form width?

  • Profile Image
    sjashnani
    Asked on January 30, 2018 at 01:35 AM

    Hi 

    I have hidden my Back Button. How do I make the width of the NEXT button same as the submit button - across the width of the form?


    See screenshot



  • Profile Image
    Jim_R
    Answered on January 30, 2018 at 05:38 AM

    To achieve this, inject the following CSS CODES to your FORM BUILDER:

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

        display: inline !important;

        width: 100% !important;

    }

    Complete guide: How-to-Inject-Custom-CSS-Codes

    Result:

  • Profile Image
    sjashnani
    Answered on January 30, 2018 at 06:55 AM

    Thanks. But when I add this code. My "hidden" BACK button now starts showing....

    How to "hide" that now?

  • Profile Image
    Kiran
    Answered on January 30, 2018 at 09:39 AM

    Please change the CSS code injected to the following in the form to hide the back button on the second page.

    .form-all .form-pagebreak-next-container {

        display: inline !important;

        width: 100% !important;

    }

    .form-all .form-pagebreak-back-container {

      display: none !important;

    }

    Thanks!