field-group-tabs-addon-1

Field Group Tabs

(6 customer reviews)

$10.00

Adds a tabbed interface to forms and single record displays. If you have a large number of fields, this plugin is essential!

Description

This is a user-interface enhancement that wraps a multi-group form into a tabbed interface. It is optionally active in the admin, making record editing faster and easier.

The tabbed interface is available on Signup forms, Record edit forms, and Single record displays.

Step-Through Tabs

On Signup and Record Edit forms, each tab (except the last one) has a “next” button, so the user has to view all tabs in sequence before submitting the form on the last tab. The can be enabled/disabled for record edit or signup forms.

Instructions

Once the add-on is activated, you will need to enable the interface in your shortcode by adding the “tabs” attribute like this:

[pdb_signup tabs="true"]

The tabbed interface is available to the signup form, the record edit form, and the single record display. The tabbed interface is also optionally active in the admin on the single record edit page. There is a checkbox in the settings to enable this.

The single record shortcode has two templates you can use: the default and “bootstrap.” To use the bootstrap template with tabs, use a shortcode like this:

[pdb_single template=bootstrap-tabs tabs=true]

To add the tabs to the editable record, do the same to the pdb_record shortcode:

[pdb_record tabs="true"]

Settings

Tabs CSS

This is where the appearance of the tab interface is defined. If your theme has CSS support for jQuery UI Tabs, you can probably delete all or most of these rules and the tabs will match the theme of your site. Otherwise, you can use the rules in this setting to adjust the appearance to your needs. You are provided with a default CSS rule set to begin with.

Tab Content Height Mode

Determines how the height of the tab content is determined. You may need to just experiment with this setting to find the one that works best for your situation.

Tab Change Speed

Allows you to set the “cross-fade” time for the tab content to be shown.

Step Through Tabs in Signup Form

Step Through Tabs in Record Edit Form

When Field Group Tabs is used with a record edit or signup form, the user is presented with a “Next” button, which takes them to the next tab until the last tab is reached. At this point, the form may be submitted. Note there is no guarantee the user will visit every tab, but if you have required fields, the user will be forced to complete them. If this is unchecked, every tab in the form will have a “Submit” button.

Tabs in Admin

Enables the tabbed interface for the New Record/Record Edit page in the admin.

Additional information

Site License

Multiple, Single

6 reviews for Field Group Tabs

  1. Christian (verified owner)

    Hello Roland,
    thanks for the excellent TAB Plugin.
    Hopefully I have not missed the info in the documentation, but one question came up.
    Is there a way to have the save button above or below the TABS.
    Otherwise the users could search for the save button.
    Thanks in advance.
    Regards,
    Christian

  2. Nirmal

    Will the tab interface work also for frontend (participant registration) or only for backend views?

    • Roland Barker

      The tabs can be activated on both the [pdb_single] and [pdb_record] shortcodes, so yes.

  3. Albert Fitussi

    Hello Roland
    my question is for all add-ons that I intend to buy & test on my dev. environment fist. Since there are ‘Single-Site License’ you say ‘Licensing is not needed for development and staging sites that do not carry public traffic.’
    how does it work pratically?
    I buy and instal them on my dev. first.
    How do I move them to the final site?
    thanks
    Albert

    • Roland Barker

      You can install the plugin on both sites, I do not enforce licensing, it is on the honor system.

  4. webmaster2 (verified owner)

    An excellent plugin that has made managing and displaying my gazetteer infinitely easier

  5. stefan (verified owner)

    took a little work but got it up and running. The whole sign-up proces looks much more professional with this add-on!

  6. Marion (verified owner)

    Indeed an essential plugin, I’ve been really waiting for this. Works great!

Add a review

Your email address will not be published. Required fields are marked *

Would you like to be notified of followup comments via e-mail? You can also subscribe without commenting.

Product-specific technical support can be found here:

Field Group Tabs