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

  • sjashnani
    Asked on January 30, 2018 at 1: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



    Jotform Thread 1366148 Screenshot
  • Support_Management Jotform Support
    Replied on January 30, 2018 at 5: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:

    How can I resize the page break buttons to extend the full form width? Image 1 Screenshot 20

  • sjashnani
    Replied on January 30, 2018 at 6:55 AM

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

    How to "hide" that now?

  • Kiran Support Team Lead
    Replied on January 30, 2018 at 9: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!