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

    Customize the alignment of tab widget

    Asked by minemetitiri on February 11, 2016 at 12:44 PM

    I would like to move my tabs off more the the right, off center. However the CSS code below that I have written doesn't seem to work when I say right align. What am I doing wrong?

     }

    .tabs-list {

        align: right;

    }

    I would like to have it in-line with the title "Survey on Current Use of Health Data", located a bit more to the right.

     

     

     

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

    alignment tab widget survey JotForm style uploads
  • Profile Image
    JotForm Support

    Answered by Nik_C on February 11, 2016 at 02:27 PM

    Hello,

    You were almost there, what you have to write inside tabs list class is:

    .tabs-list {

        text-align: center;

    }

    And your form will look like this:

    Hope that's what you wanted. Give a try and let me know if that worked for you.

    Best regards.

  • Profile Image

    Answered by minemetitiri on February 11, 2016 at 02:47 PM

    Thank for your response,

    This isn't quite the answer I was looking for. What I am trying to do is get the tabs list to be inline with the text and not the photo as it is now. So for the list to be inline with the text of the survey title below it. 

     

  • Profile Image
    JotForm Support

    Answered by Nik_C on February 11, 2016 at 03:03 PM

    Hello,

    Sorry for misunderstanding.

    For aligning it to the right to be closer to inline with the title, something like this:

    You will have to put this inside tabs-list class:

    .tabs-list {

        float: right;

        margin: 0 !important;

    }

    If you want to have it exactly inline with title, you'll have to shrink tabs list a little so it will fit that space.

     

    Please let me know if this works for you.

     

    Thank you.

  • Profile Image

    Answered by minemetitiri on February 12, 2016 at 09:31 AM

    Perfecto! Thank you. This is exactly what I had in mind. 

  • Profile Image
    JotForm Support

    Answered by Nik_C on February 12, 2016 at 09:37 AM

    Hi there,

    I'm glad that it worked for you!

    Have a great day.

     

    Best regards,