How to build a form that has tabs

  • Worksite
    Asked on April 2, 2015 at 12:44 AM
  • cyberhopper
    Replied on April 2, 2015 at 3:10 AM

    Greetings,

    You can create a tabbed form using the widgets provided by jotform.

    You will first need to add page breaks to the form so that you can use the tabs widget, each page break defines a new page for each tab, under survey tools in the form builder select page break and add it to you form.

    How to build a form that has tabs Image 1 Screenshot 80

    After adding the required page breaks, add the tabs widget next, it is accessible under the Widgets tab: Widgets->More widgets.

    How to build a form that has tabs Image 2 Screenshot 91

    A widget widow will open, in the drop-down select survey (this is where the tabs widget resides) to filter the widgets list.

    How to build a form that has tabs Image 3 Screenshot 102

    Scroll down to the options presented and select the Forms Tabs widget

    How to build a form that has tabs Image 4 Screenshot 113

    Upon selection a new window with the widgets properties will be opened, by default titles will be created with names like Page 1 Page 2 etc. if not titles are defined the tab heading will default to numbers 1, 2 e.tc according to the page breaks added

    Change these names to match the number of page breaks you have, each new line represents a tab and the tab title. You can also specify additional options such as custom css and form header positioning.

    How to build a form that has tabs Image 5 Screenshot 124

    How to build a form that has tabs Image 6 Screenshot 135

    After you've defined the tab titles and number click on the finish button to save the changes.

    Click on the preview button to preview the form with the tabbing applied.

    How to build a form that has tabs Image 7 Screenshot 146

    And that's how you can go about adding tabbed capabilities to your form, hope this will be helpful.

    Here is a link for previewing the form Tabbed form demo

     

  • Ashwin JotForm Support
    Replied on April 2, 2015 at 10:08 AM

    Hello Worksite,

    @cyberhopper is already responded to you correctly.

    Do get back to us if you have any questions.

    Thank you!

  • stormingrobots
    Replied on January 23, 2017 at 10:03 AM

    Hi,  I have looked thru that. However, I am looking for that to replace my dropbox selection of classes. I do not want to make my whole form with multiple page form tab.  Advice is appreciated. 
  • Ashwin JotForm Support
    Replied on January 23, 2017 at 11:20 AM

    Hello stormingrobots,

    I have moved your question to a new thread and you will be answered here:  https://www.jotform.com/answers/1043126

    Thank you!