I need to conditionally hide the back OR next button - not both

  • kingc37
    Asked on November 10, 2017 at 10:17 AM

    I have a form that is 3 pages. The third page may or may not show based on conditions met on page one. Given that, on page two, based on the same condition, I want to show the back button so people can go back to adjust their input, but NOT show the next button as the third page wouldn't show - thus no next...

    Is this possible?

  • David JotForm Support Manager
    Replied on November 10, 2017 at 11:11 AM

    There is no way to hide or show a next or back button, however, you can skip to a page, for example, you can take the user from page 2 to the last page, as well you can hide pages using conditions, please check this guide: https://www.jotform.com/help/350-How-to-Skip-Pages-Using-Conditional-Logic 

    Let us know if you need more help, we will be glad to assist you.

  • kingc37
    Replied on November 10, 2017 at 1:14 PM

    Maybe I'm misunderstanding, or perhaps not explaining properly. On my form, there is a question on page 1  which asks if Hotel Rooms are needed. If the user answers no to this question, page 2 should have a Back button (so their responses could be adjusted) and a Submit button.

    If the answer is yes, page 2 should have a Back/Next button and no Submit button (which is easily doable).

    So simply hiding a page based on conditions doesn't really do it.

  • BJoanna
    Replied on November 10, 2017 at 1:36 PM

    Unfortunately, as my colleague mentioned that is not possible. You can hide/show only hide both buttons (Back and Next). 

    I inspected you form and I think that you should move the fields from 3 to page 2. Remove the second submit button and use the conditional logic to hide the Hotel Requirements field if the No option for the field 'Will you need a hotel room?' is selected.

    Hide or Show Multiple Fields at Once

    1510338746hide Screenshot 10

    Here is my demo form: https://form.jotform.com/73134908951966 

    Feel free to test it and clone it

    Hope this meet what you are looking for. 

  • Richie JotForm Support
    Replied on November 10, 2017 at 1:39 PM

    I have made a from by using skip to/ Hide a page maybe this can help.

    https://form.jotform.me/73134259733458 

    Here is a custom css that hides the next button,

    #form-pagebreak-next_18{

      display: none;

    }

    As the form support have said, you cannot use hide/show a next or back button using conditional statements. 

  • BJoanna
    Replied on November 10, 2017 at 1:53 PM

    @Richie_P

    Thank you for your suggestion. However if the 'Next' button is hidden with CSS it will always be hidden and kingc37 wants to hide it only if No is select. It should be shown if Yes is selected. On your form page two is hidden if Yes is selected. 

  • ACMSIdaho
    Replied on December 7, 2017 at 5:37 PM

    I agree with Kingc37. It doesn't make sense why you can hide the next button in the settings on page break, but can't turn it on conditionally. Under what circumstances would you ever want to HIDE a next button without being able to make it VISIBLE? 

    I think you need to add the functionality to be able to show/hide the back/next buttons on a page break conditionally.

  • John_Benson
    Replied on December 7, 2017 at 8:04 PM

    Hi @ACMSIdaho,

    We will be addressing your issue on this thread: https://www.jotform.com/answers/1317606

    Thank you.