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

  • Profile Image
    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?

  • Profile Image
    BDAVID
    Answered 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.

  • Profile Image
    kingc37
    Answered on November 10, 2017 at 01: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.

  • Profile Image
    BJoanna
    Answered on November 10, 2017 at 01: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.JPG

    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. 

  • Profile Image
    Richie_P
    Answered on November 10, 2017 at 01: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. 

  • Profile Image
    BJoanna
    Answered on November 10, 2017 at 01: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. 

  • Profile Image
    ACMSIdaho
    Answered on December 07, 2017 at 05: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.

  • Profile Image
    John_Benson
    Answered on December 07, 2017 at 08:04 PM

    Hi @ACMSIdaho,

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

    Thank you.