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

  • jwfieren
    Asked 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

  • Support_Management Jotform Support
    Replied 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.

    Form Tabs: How can I display buttons horizontal instead of vertically? Image 1 Screenshot 20

    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.

  • jwfieren
    Replied on July 18, 2016 at 2: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

  • Mike
    Replied on July 18, 2016 at 5: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

    Form Tabs: How can I display buttons horizontal instead of vertically? Image 1 Screenshot 30

    Result:

    Form Tabs: How can I display buttons horizontal instead of vertically? Image 2 Screenshot 41

    Thank you.

  • jwfieren
    Replied on July 19, 2016 at 2:53 AM

    Thanks Mike, that's awesome!

  • Elton Support Team Lead
    Replied on July 19, 2016 at 4: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!