Choose which forms display in form tabs

  • trowland
    Asked on December 10, 2015 at 5:02 PM

    I have a form that I want to use page breaks and tabs on, but I have certain parts in the form that show as different pages which I do not want to have tabs for.  Is it possible to customize the tabs and choose which pages have tabs that are displayed?  Also, if that is possible, is it also possible to use conditional logic to have a tab only display when a certain option is selected or value entered?

     

    Thank you.

  • Mike_G JotForm Support
    Replied on December 10, 2015 at 7:31 PM

    We can try to hide some of the form tabs using CSS. 

    Try this form I have created: https://form.jotform.com/53437353781965

    Choose which forms display in form tabs Image 1 Screenshot 20

    Above I have hidden Page 2 of the form.

    However, we cannot use conditions to hide certain tabs depending on the choices of the user. 

     

    How about you try to use form collapse instead to hide sections of your form? In that way, you can try to hide/show sections on your form base on user selections on other fields with the help of conditions. 

    Here's a sample form: 

    https://form.jotform.me/53437126705454

    I hope this helps. Let us know if you need any further assistance. Thank you.

  • trowland
    Replied on December 11, 2015 at 12:24 PM

    The first example you gave looks just right.  I haven't added the third page yet, but I will do so shortly.  The form I am using is https://form.jotform.com/53366205628154  

    I will definitely look into using the collapse feature.  

     

    Thank you very much.

  • BJoanna
    Replied on December 11, 2015 at 2:42 PM

    On behalf of my colleague Mike_G, you are welcome.

    Feel free to contact us if you have any other questions.

  • trowland
    Replied on December 11, 2015 at 3:01 PM

    I pasted the css from the form styles section on the example form into my form and I still see the tab for page 2.  Could you let me know how I would go about adding this to my form please.

     

    Thank you.

  • BJoanna
    Replied on December 11, 2015 at 5:08 PM

    I was also able to replicate mentioned issue. 

    Please add this code

    li#form-tab-2 {

        display: none;

    }

    inside of Form Tabs widget Custom CSS field.

    Choose which forms display in form tabs Image 1 Screenshot 20

    Here is my demo form: https://form.jotform.com/53446241372957? 

    Hope this will help. Let us know if you need further assistance. 

  • trowland
    Replied on December 11, 2015 at 5:31 PM

    Thank you.  I changed the widget I was using to the one in your image.  The one I was using didn't look like that.  Thank you very much.

  • Mike_G JotForm Support
    Replied on December 11, 2015 at 8:05 PM

    On behalf of my colleague, Joanna, you're most welcome! We're glad to know that everything works now for you. Should you have any other concerns or questions, please feel free to let us know and we will be glad to help you. Thankyou.