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

    Form Tabs: How can I display buttons horizontal instead of vertically?

    Asked by jwfieren on July 18, 2016 at 11:39 AM

    Hi,

     

    I'd like your assistance with the following.

    My order form should allow the customers to navigate easily between pages. However, I would like the buttons to display as on many popular sites, as buttons next to each other, i.e. horizontally, not 2 vertical rows as now.

     

    file:///Users/j.w.b.fieren/Desktop/Screen%20Shot%202016-07-18%20at%205.31.37%20PM.png

    Page URL:
    https://www.jotform.com//?formID=61965875486577

    form tabs align horizontally
  • Profile Image
    JotForm Support

    Answered by Jim_R on July 18, 2016 at 12:09 PM

    Hello! I checked your form https://www.jotform.com/61965875486577 and noticed you already have the BACK and NEXT buttons displayed horizontally. I'm assuming you got it all sorted out after posting this question.

    In case we're mistaken though or if you're referring to something else different, please let us know and give us more info so we can have another look.

  • Profile Image

    Answered by jwfieren on July 18, 2016 at 02:01 PM

    Hi Jim, thank you.

    Actually, I do not mean the button back and next. I mean the buttons at the top of the page, with the names of the pages.

     

    Thanks again

  • Profile Image
    JotForm Support

    Answered by Mike on July 18, 2016 at 05:11 PM

    You can try to add the next CSS to your existing CSS of the Form Tabs widget to have a sticky tabs-heading section with a 100% width.

    http://pastebin.com/raw/Cdif1DBK

    Result:

    Thank you.

  • Profile Image

    Answered by jwfieren on July 19, 2016 at 02:53 AM

    Thanks Mike, that's awesome!

  • Profile Image
    JotForm Support

    Answered by EltonCris on July 19, 2016 at 04:28 AM

    @ jwfieren

    Glad my colleague, Mike's solution worked for you.

    If you have any other questions, feel free to open a new thread.

    Regards!