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 Widget CSS query

    Asked by slider17 on October 15, 2014 at 09:42 AM

    Hi

     

    Is it possible to make the forms tabs widget css to look like the buttons i have create on my site?

    Please view the screenshot below to see what i mean.

     

    http://gyazo.com/6995bd1af592393d626a78cb6f5c3900

     

    Please also view the weblink provided to see it in more detail, please scroll down to the 'Ready to Quote' section.

     

    Thanks

     

     

    Page URL:
    http://best-quote-removals.webflow.com/

    form tabs tabs widget widget css create site scroll section
  • Profile Image
    JotForm Support

    Answered by Charlie on October 15, 2014 at 10:57 AM

    Hi,

    Are you using the Form Tabs widget? If so, you can edit the style using the custom CSS codes. 

    To edit the style, you can follow the screenshots below.

    1. In the Form Tabs Settings of the widget, I added this code:

    .tabs-list li {

    position: initial;

    margin: 0 0 0 0;

    width: auto;

    }

    For the tabs to look more like a button, you just need to change the property position from relative to initial. The margin was set to 0 on all to remove the spacing between tabs.

     

    The form tabs will look more like this:

    I would also suggest that you use a browser plugin or extension to view your page source code to see and edit in live the CSS properties

     

    You can check the live form here: http://form.jotformpro.com/form/42867795958986? 

    Let me know if this helps.

    Thank you.