Getting Form Tabs to be shown in a single line

  • minemetitiri
    Asked on January 26, 2016 at 12:27 PM

    I added the tabs widget and have them on two lines. Is there a code I could eject to get the tabs to fit on one line?

    Do I change the font to get the tabs to adjust to one line?

    Thank you,

     

     

    Jotform Thread 756365 Screenshot
  • Ben
    Replied on January 26, 2016 at 3:53 PM

    If you add the following CSS to your form:

    #tabs-list > li {
        padding: 6px 10px;
    }

    - it will show you the tabs in a single line, instead of breaking into 2.

    Getting Form Tabs to be shown in a single line Image 1 Screenshot 20

  • Ben
    Replied on January 26, 2016 at 3:54 PM

    I just want to mention, that you should actually add the CSS to your Tab widget, under custom CSS menu, which is shown when you open its wizard.

  • minemetitiri
    Replied on January 27, 2016 at 4:58 PM

    THANKS!!