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

  • Profile Image
    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

  • Profile Image
    Jim_R
    Answered 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
    jwfieren
    Answered 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
    Mike
    Answered 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
    jwfieren
    Answered on July 19, 2016 at 02:53 AM

    Thanks Mike, that's awesome!

  • Profile Image
    EltonCris
    Answered 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!