What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Choose which forms display in form tabs

    Asked by trowland 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.

    form tabs selected different pages
  • Profile Image
    JotForm Support

    Answered by Mike_G 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

    Answered by trowland 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
    JotForm Support

    Answered by BJoanna 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

    Answered by trowland 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
    JotForm Support

    Answered by BJoanna 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

    Answered by trowland 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
    JotForm Support

    Answered by Mike_G 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.