How can I make tabs for different parts of a Form?

  • drigar.amitabha
    Asked on July 8, 2020 at 8:01 AM

    Hello team,


    Since my form has different Items. I would like to make Tabs showing each content of each item from the beginning like in the Form attached. Please guide me how to make it.


    Thanks a lot1594209644Different tabs for dif part Screenshot 10



  • Basil JotForm Support
    Replied on July 8, 2020 at 10:21 AM

    Hi,

    You can use our form tabs widget to display the pages in tabs.

    https://www.jotform.com/widgets/form-tabs

    Please let us know if you require any further assistance.

  • drigar.amitabha
    Replied on July 9, 2020 at 1:46 AM

    Hello team,


    Please help to guide me how to make to page tabs having good a arrangement in a page. Now, it looks like in disorder at the top of the page. Please see the photos attached.


    Thank you.

    1594273560Screen Shot 2020 07 09 at 12 Screenshot 10

  • Ashwin JotForm Support
    Replied on July 9, 2020 at 3:57 AM

    Please inject the following custom CSS code in your form and see if that gives you desired result:

    .tabs-list.lustred li {

        padding-left: 5px !important;

        padding-right: 5px !important;

        margin-left: -10px !important;

        width: 200px !important;

        font-size: 12px !important;

    }

    ul#tabs-list {

        margin-left: 10px !important;

        margin-right: 10px !important;

    }

    The following guide should help you how to inject custom CSS code in form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions. 

  • drigar.amitabha
    Replied on July 9, 2020 at 4:28 AM
    Thank you.
    Vào Th 5, 9 thg 7, 2020 vào lúc 14:57 JotForm đã
    viết:
    ...