How to use the Form Tabs widget?

  • Profile Image
    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?
  • Profile Image
    John_Benson
    Answered 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).

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

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