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

    Can I break a form into separate tabs?

    Asked by blairbands on June 28, 2012 at 05:58 AM

    An issue I have seen with this widget is when using form collapse in the form to hide or show parts of the form depending on a selection by the user, is that tabs are created for the form collapses. When you click on the next tab in the form, you don't see the next page, but you see an empty page and keep seeing empty pages on the next tab and next till you get past the number of form collapses you have in the form.

    I have tried hiding, unhiding, opening and closing the forms in different patterns and cannot get the extra empty tabs to not show. 

    horizontal tabs multi tab
  • Profile Image
    JotForm Support

    Answered by jonathan on June 28, 2012 at 06:57 PM

    Hi,

    You can use the source code embed of the form. Then re-design the html page, without breaking the codes... to position the fields. Thus changing the 'look & feel' of the form to what you need.

    Hope this help. Please inform us if you have further inquiry.

    Thanks.

  • Profile Image

    Answered by blairbands on June 28, 2012 at 07:11 PM

    Thank you for your prompt attention. Is it possible that you can refer me to code that would help me accomplish this?
    Or, would this work?: http://www.republicof3.com/how-to-create-tabs-in-html-using-jquery/
    Any reference you can provide would be greatly appreciated.
    Thanks!
    Best Of Everything,
    Jon B.

  • Profile Image
    JotForm Support

    Answered by jonathan on June 28, 2012 at 10:18 PM

    Hi Jon B.

    What I was refering to was only basic html code.

    Just like what was in the jquery version link you provided, you can create such page using basic html, then, it is just a matter of designing the page to accomodate the jotform source code to fit in. Be aware though that Jotform is using javascript prototype library, there are known code conflict with jquery and javascript.

    You can also check the JotForm Gallery template to see how some forms have been accomplished. And you may also opt for an application that will provide you the full customization and development you need.

    I will also try to create a basic sample html page with the source code embedded. I will update you with this when I have it.

    Thank you for considering our services. Feel free to contact us again anytime should you have more inquiry.

  • Profile Image
    JotForm Support

    Answered by abajan on April 10, 2014 at 05:25 AM

    Hi Jon,

    Please be advised that we now have a Form Tabs widget to accomplish what you want, right in the form builder. Please see our widgets guide first.

    If you need help with formatting the tabs, please let us know.


    Cheers

  • Profile Image

    Answered by systemprop2014 on May 01, 2014 at 10:20 AM

    An issue I have seen with this widget is when using form collapse in the form to hide or show parts of the form depending on a selection by the user, is that tabs are created for the form collapses. When you click on the next tab in the form, you don't see the next page, but you see an empty page and keep seeing empty pages on the next tab and next till you get past the number of form collapses you have in the form.

    I have tried hiding, unhiding, opening and closing the forms in different patterns and cannot get the extra empty tabs to not show.