Gravity Forms Nice Design Collapsible Accordion/Tab Panel Styles Premium Addon

Demo & Screenshots:

3 Styles:

View prototypes: 

• Style 1: https://www.figma.com/proto/pyJKnWYp4WWehRC9NtvOgv/GravityExtra?page-id=1336%3A2&node-id=1353%3A251&viewport=362%2C566%2C0.7489384412765503&scaling=scale-down-width&starting-point-node-id=1353%3A251&hide-ui=1

• Style 2:
  https://www.figma.com/proto/pyJKnWYp4WWehRC9NtvOgv/GravityExtra?page-id=1336%3A2&node-id=1381%3A325&viewport=362%2C566%2C0.7489384412765503&scaling=scale-down-width&starting-point-node-id=1381%3A325&hide-ui=1

• Style 3:
  https://www.figma.com/proto/pyJKnWYp4WWehRC9NtvOgv/GravityExtra?page-id=1336%3A2&node-id=1421%3A41&viewport=362%2C566%2C0.7489384412765503&scaling=scale-down-width&starting-point-node-id=1421%3A41&hide-ui=1

What does it do?

ADD COLLAPSIBLE ACCORDION/TAB PANEL TO YOUR GRAVITY FORMS

If you use GravityForms to build form and looking to add nice design collapsible accordion/tab panel styles to your form then you will love this.

It enables you transform your section break fields into collapsible accordion/tab panel styles easily with 3 nice options of styling.

All Features:

• Allow admin to select any of the 3 styles for any form separately.
• Allow to enable/disable collapsible accordion/tab panel for any form.
• Allow multiple collapsible accordion/tab panel on one page.
• Allow admin to set the accordion tabs to be closed by default.

How does it work?

This was created based on the GravityForms addon framework with custom CSS/JS/PHP for the nice design accordion/tab panel styling.

TIP// Please make sure you have GravityForms plugin installed on your WordPress site.

How do I enable this functionality?

1. Install the add-on
2. Activate the add-on and you’re ready to go!