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

    Getting Form Tabs to be shown in a single line

    Asked by minemetitiri 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,

     

     

    Page URL:
    https://form.jotform.com/60046541086148

    Screenshot
    alignment form tabs tabs widget
  • Profile Image

    Answered by Ben on January 26, 2016 at 03: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.

  • Profile Image

    Answered by Ben on January 26, 2016 at 03: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.

  • Profile Image

    Answered by minemetitiri on January 27, 2016 at 04:58 PM

    THANKS!!