Choose which forms display in form tabs

  • Profile Image
    trowland
    Asked on December 10, 2015 at 05: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.

  • Profile Image
    Mike_G
    Answered on December 10, 2015 at 07: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

    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.

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

  • Profile Image
    BJoanna
    Answered on December 11, 2015 at 02:42 PM

    On behalf of my colleague Mike_G, you are welcome.

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

  • Profile Image
    trowland
    Answered on December 11, 2015 at 03: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.

  • Profile Image
    BJoanna
    Answered on December 11, 2015 at 05: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.

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

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

  • Profile Image
    trowland
    Answered on December 11, 2015 at 05: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.

  • Profile Image
    Mike_G
    Answered on December 11, 2015 at 08: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.