How to hide or show back and forward buttons on pages?

  • mike@morepowertuning.com
    Asked on July 19, 2018 at 12:25 PM

    I have a multi page form I'm building with conditional logic. 

    Skips to pages based on user selection from drop downs. 

    I want pages 8-21 to represent the end of the form but they currently display:

    Back & Next.

    I need them to list:

    Back & Submit. 


    Thanks,

    Mike

  • DonaldHag
    Replied on July 19, 2018 at 1:40 PM

    Select the Page Break Widget in the builder and click on the gear icon. In the properties, click the advanced tab and toggle the HIDDEN/VISIBLE options depending on the setup you want.

    1532021937button back and next visibilit Screenshot 10

  • mike@morepowertuning.com
    Replied on July 19, 2018 at 1:53 PM

    That helps to hide the Next button. 

     

    How do I get the Submit button to be on the same line as the Back button?

  • Jed_C
    Replied on July 19, 2018 at 2:41 PM

    Inject the CSS code below to align the submit button as the back button.

    .form-submit-button {

        top: 50px;

        position: absolute;

    }

    1532025689MPT Tune Form   Google Chrome Screenshot 10

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Let us know if you have any questions or if you need further assistance. 

  • mike@morepowertuning.com
    Replied on July 19, 2018 at 6:14 PM

    Completed and looks great, thanks!