How to use the Form Tabs widget?

  • pauloicm
    Asked on January 18, 2017 at 11:15 AM
    How to get css code from a form to display in the "form tabs" widget?
  • John_Benson
    Replied on January 18, 2017 at 12:31 PM

    I checked your form and there's no page break field. In order to show the form tabs, you need to add page break field.

    If you we're referring to the custom CSS code of the form tabs, please provide the form or website URL so we can check further the CSS code for your form tabs.

    Here's my demo form with form tabs: https://form.jotform.com/70160939283964. Here's the CSS code:

    li#form-tab-1 { 

    li#form-tab-2 {

    li#form-tab-3 {

    li#form-tab-4 {

    Fa You can paste the custom CSS code inside the widget wizard. Here's how:

    1. Select the Form Tabs widget and click the Wand icon (Wizard widget).

    How to use the Form Tabs widget? Image 1 Screenshot 30

    2. Under the Custom CSS, paste the code inside the field. Click the Update Widget when you're done.

    How to use the Form Tabs widget? Image 2 Screenshot 41

    Hope that helps. Let us know if you need further assistance. Thank you.